<%--
骨松随访-没有药物
分为首次、6、12、18、24个月随访
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/jsp/component/common.jsp" %>
<%@ include file="/WEB-INF/jsp/component/commonBottom.jsp" %>
<html>

<head>
    <meta http-equiv="Content-Type" content="multipart/form-data; charset=utf-8" />
    <title>骨松管理-骨松随访(钱湖)-随访信息-随访详情</title>
    <link rel="stylesheet" href="${frames}/css/lib/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="${frames}/css/lib/dataTables.bootstrap.css" type="text/css">
    <link rel="stylesheet" href="${newframe}/css/base/base.css" type="text/css">
    <link rel="stylesheet" href="${assets}/css/views/bloodScreening.css">
    <link rel="stylesheet" href="${assets}/css/views/department/departmentMgr.css">
    <link href="${assets}/css/bootstrap-datetimepicker.css" type="text/css">
    <script src="${assets}/js/views/vue.js"></script>
    <script src="${js}/jquery-1.9.1.min.js"></script>
    <script src="${js}/jquery.dataTables.js"></script>
    <script src="${assets}/js/bootstrap-datetimepicker.min.js"></script>
    <script src="${frames}/Chronic/laydate/laydate.js"></script>
    <script src="${assets}/js/views/bpAbnormal.js"></script>
    <%@ include file="/WEB-INF/jsp/component/commonBottom.jsp" %>
    <script type="text/javascript" src="${assets}/js/echarts.js"></script>
    <style>
        .color {
            margin: 0 !important;
        }

        span {
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            font-family: PingFang-SC-Regular;
        }

        .illness span {
            height: 16px;
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
        }

        .btn {
            float: right;
            width: 100px;
            font-size: 16px;
            line-height: 28px;
            background: #35acfd !important;
            margin-right: 15px !important;
            padding: 0 !important;
        }

        .title {
            font-family: MicrosoftYaHei;
            font-size: 16px !important;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0.3px;
            color: #666666;
        }

        label {
            height: 16px;
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
        }

        /* 随访时间及方式 */
        .way, illness, sign, live, evaluate {
            margin-bottom: 30px;
        }

        .way_content, illness_content {
            width: 100%;
            margin-left: 15px;
            margin-top: 19px;
        }

        .way_content label {
            width: auto;
        }

        .way_content div {
            margin-bottom: 20px;
        }

        .way_content input, #accompanyType {
            width: 15%;
            line-height: 30px;
            height: 30px;
            border: solid 1px #d0d0d0;
            font-family: MicrosoftYaHei;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #333333;
            text-indent: 10px !important;
        }

        /* 病症 */
        .illness_content {
            margin-left: 15px;
            margin-bottom: 20px;
        }

        .illness_content label {
            margin-left: 22px;
        }

        input[type=checkbox] {
            width: 20px;
            height: 20px;
            -webkit-appearance: none;
            border-radius: 5px;
            border: 1px solid #9e9e9e;
            vertical-align: top;
            margin-top: 7px;
            display: inline-block !important;
        }

        input[type=checkbox]:checked {
            background-image: url('../../assets/images/radio.png');
            background-size: 100% 100%;
            border: none
        }

        .ill1 {
            margin-right: 22px;
            margin-bottom: 20px;
        }

        .ill1 label {
            margin-left: 22px;
        }

        /* 体征 */
        .sign_content {
            margin-left: 15px;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .sign_content div input {
            width: 180px;
            line-height: 30px;
            border: solid 1px #d0d0d0;
            text-indent: 10px;
            position: absolute;
            height: 30px;
            display: inline-block;
        }

        .sign_content div span {
            position: relative;
            left: 130px;
        }

        .sign_content div {
            display: inline-block;
            width: 270px;
        }

        .second div input {
            width: 135px;
        }

        .second div span {
            left: 80px;
        }

        /*.second div{*/
        /*width:230px;*/
        /*}*/
        .third div input {
            width: 135px;
        }

        .third div span {
            left: 80px;
        }

        .third div {
            width: 230px;
        }

        /* 生活方式调查 */
        .live_content {
            margin-left: 15px;
            margin-top: 20px;
        }

        .live_content span {
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
            margin-right: 19px;
            display: inline-block;
        }

        .live_content input {
            width: 115px;
            height: 30px;
            border: solid 1px #d0d0d0;
            line-height: 30px;
            margin-right: 10px;
            text-indent: 10px;
        }

        .live_content div {
            margin-top: 20px;
        }

        .sprots span {
            margin-right: 65px;
        }

        #salt {
            width: 15%;
            height: 30px;
            border: solid 1px #d0d0d0;
            font-family: MicrosoftYaHei;
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent: 10px;
            margin-right: 19px;
        }

        .salt input {
            width: 180px;
            height: 30px;
            border: solid 1px #d0d0d0;
            line-height: 30px;
            margin-right: 10px;
            text-indent: 10px;
        }

        .mentality {
            margin-bottom: 20px;
        }

        select {
            width: 181px;
            height: 30px;
            border: solid 1px #d0d0d0;
            font-family: MicrosoftYaHei;
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent: 10px;
        }

        .salttype {
            width: 200px;
            height: 30px;
        }

        /* 随访评估 */
        .evaluate_content {
            margin-left: 15px;
            margin-bottom: 20px;
            margin-top: 20px;
        }

        .evaluate_content span {
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
            margin-right: 19px;
            display: inline-block;
        }

        /* 治疗建议 */
        .suggest_content {
            margin-left: 15px;
            margin-bottom: 20px;
            margin-top: 20px;
        }

        .suggest_content span {
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
            margin-right: 19px;
            display: inline-block;
        }

        .suggest_content textarea {
            width: 500px;
            height: 120px;
            border: solid 1px #d0d0d0;
            vertical-align: top
        }

        #main {
            margin-top: 0px !important;
        }

        /*  表格 */
        #example th {
            height: 30px;
            background-color: #e6e6e6;
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #666666;
            text-align: center;
        }

        #example td {
            text-align: center;
            height: 17px;
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
        }

        #mytool {
            width: 96%;
        }

        #example_paginate {
            margin-top: 15px;
            width: 100%;
            text-align: center;
            margin-bottom: 40px;
        }

        button {
            margin-top: 0px !important;
        }

        .btn {
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0.3px;
            color: #ffffff;
        }

        textarea {
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent: 10px;
        }

        input {
            text-indent: 10px;
            font-family: MicrosoftYaHei;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
        }

        .content {
            height: auto !important;
        }

        .illness {
            box-shadow: none !important;
            margin-top: 0 !important;
            padding-top: 20px;
        }

        .dataTables_empty {
            line-height: 30px;
        }

        .default {
            border: 1px solid red !important;
        }

        input {
            display: inline-block !important;
        }

        .warn {
            padding: 30px;
            width: 90% !important;
            background: #e6e6e6;
        }

        .warn ul li {
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent: 10px;
        }

        input[type=radio] {
            width: 20px;
            height: 20px;
            vertical-align: middle;
            -webkit-appearance: none;
            margin: 0 !important;
            border-radius: 50%;
            background-image: url('${assets}/images/nocheck.png');
            background-size:100% 100%
            /*background-image: url('../../assets/images/nocheck.png');*/
            /*background-size: 100% 100%*/
        }

        input[type=radio]:checked {
            /*background-image: url('../../assets/images/checkout.png');*/
            /*background-size: 100% 100%*/
            background-image: url('${assets}/images/checkout.png');
            background-size:100% 100%
        }

        .default {
            border: 1px solid red !important;
        }

        .inputVal {
            position: absolute;
            height: 30px;
        }

        .inputText {
            position: relative;
        }

        textarea {
            width: 60%;
            height: 180px;
            border: solid 1px #d0d0d0;
            vertical-align: top;
            text-indent: 10px;
            font-family: MicrosoftYaHei;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #333333;
        }

        .unit {
            position: relative;
            height: 30px;
            margin-bottom: 0px !important;
            vertiacl: middle;
            top: 8px;
        }

        .unit input {
            position: absolute;
        }

        #tooltip {
            position: absolute;
            border: 1px solid #ccc;
            background: #333;
            width: 400px;
            height: auto;
            padding: 2px;
            display: none;
            color: #fff;
        }

        .unit span {
            position: absolute;
            left: 80%;
        }

        .illnessTitle {
            width: 160px;
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            line-height: 34px !important;
            height: 34px !important;
        }

        #example_wrapper div:nth-child(1) div:nth-child(1) {
            display: none;
        }

        .dataTables_paginate {
            display: none;
        }

        tbody .dataTables_empty {
            text-align: center;
        }

        .img {
            width: 100px;
            height: 100px;
            display: inline-block;
        }

        tbody tr th {
            background: white !important;
        }
    </style>
    <style>
        .color{
            margin:0 !important;
        }
        span{
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            font-family: PingFang-SC-Regular;
        }
        .illness span{
            height: 16px;
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
        }
        .save{
            width:100%;
            height: 50px;
            text-align: center;
        }
        .btn{
            /*float:right ;*/
            width:100px;
            font-size:16px;
            line-height:28px;
            margin: 0 auto;
            background:#35acfd !important;
            margin-right:15px !important;
            padding:0 !important;
        }
        .title{
            font-family: MicrosoftYaHei;
            font-size: 16px !important;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0.3px;
            color: #666666;
        }
        label{
            height: 16px;
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
        }
        /* 随访时间及方式 */
        .way,illness,sign,live,evaluate{
            margin-bottom:30px;
        }
        .way_content,illness_content{
            width:100%;
            margin-left:15px;
            margin-top:19px;
        }
        .way_content label{
            width:auto;
        }
        .way_content div{
            margin-bottom:20px;
        }
        .way_content input,#accompanyType{
            width: 15%;
            line-height: 30px;
            height:30px;
            border: solid 1px #d0d0d0;
            font-family: MicrosoftYaHei;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px !important;
        }
        /* 病症 */
        .illness_content{
            margin-left:15px;
            margin-bottom:20px;
        }
        .illness_content label{
            margin-left:22px;
        }
        input[type=checkbox] {
            width:20px;
            height:20px;
            -webkit-appearance: none;
            border-radius:5px;
            border:1px solid #9e9e9e;
            vertical-align:top;
            margin-top:7px;
            display:inline-block !important;
        }
        input[type=checkbox]:checked{
            background-image: url('${assets}/images/radio.png');
            background-size:100% 100%;
            border:none
        }
        .ill1{
            margin-right:22px;
            margin-top:20px;
        }
        /* 体征 */
        .sign_content{
            margin-left:15px;
            margin-top:20px;
            margin-bottom:20px;
        }
        .sign_content div input{
            width:180px;
            line-height: 30px;
            border: solid 1px #d0d0d0;
            text-indent:10px;
            position:absolute;
            height:30px;
            display:inline-block;
        }
        .sign_content div span{
            position:relative;
            left:130px;
        }
        .sign_content div{
            display:inline-block;
            width:270px;
        }
        .second div input{
            width:135px;
        }
        .second div span{
            left:80px;
        }
        /*.second div{*/
        /*width:230px;*/
        /*}*/
        .third div input{
            width:135px;
        }
        .third div span{
            left:80px;
        }
        .third div{
            width:200px;
        }
        /* 生活方式调查 */
        .live_content{
            margin-left:15px;
            margin-top:20px;
        }
        .live_content span{
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
            margin-right:19px;
            display:inline-block;
        }
        .live_content input{
            width: 115px;
            height: 30px;
            border: solid 1px #d0d0d0;
            line-height:30px;
            margin-right:10px;
            text-indent:10px;
        }
        .live_content div{
            margin-top:20px;
        }
        .sprots span{
            margin-right:65px;
        }
        #salt{
            width: 15%;
            height: 30px;
            border: solid 1px #d0d0d0;
            font-family: MicrosoftYaHei;
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px;
            margin-right:19px;
        }
        .salt input{
            width: 180px;
            height: 30px;
            border: solid 1px #d0d0d0;
            line-height:30px;
            margin-right:10px;
            text-indent:10px;
        }
        .mentality{
            margin-bottom:20px;
        }
        select{
            width: 181px;
            height: 30px;
            border: solid 1px #d0d0d0;
            font-family: MicrosoftYaHei;
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px;
        }
        .salttype{
            width: 200px;
            height: 30px;
        }
        /* 随访评估 */
        .evaluate_content{
            margin-left:15px;
            margin-bottom:20px;
            margin-top:20px;
        }
        .evaluate_content span{
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
            margin-right:19px;
            display:inline-block;
        }
        /* 治疗建议 */
        .suggest_content{
            margin-left:15px;
            margin-bottom:20px;
            margin-top:20px;
        }
        .suggest_content span{
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
            margin-right:19px;
            display:inline-block;
        }
        .suggest_content textarea{
            width: 500px;
            height: 120px;
            border: solid 1px #d0d0d0;
            vertical-align:top
        }
        #main{
            margin-top:0px !important;
        }
        /*  表格 */
        #dataTables th{
            height: 30px;
            background-color: #e6e6e6;
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #666666;
        }
        #dataTables td{
            text-align:center;
            height: 17px;
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
        }
        #mytool{
            width:96%;
        }
        #dataTables_paginate{
            margin-top:15px;
            width:100%;
            text-align: center;
            margin-bottom:40px;
        }
        button{
            margin-top:0px !important;
        }
        .btn{
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0.3px;
            color: #ffffff;
        }
        textarea{
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px;
        }
        input{
            text-indent:10px;
            font-family: MicrosoftYaHei;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
        }
        .content{
            height:auto !important;
        }
        .illness{
            box-shadow:none !important;
            margin-top:0 !important;
            padding-top:20px;
        }
        .dataTables_empty{
            line-height:30px;
        }
        .default{
            border:1px solid red !important;
        }
        input{
            display:inline-block !important;
        }
        .warn{
            padding:30px;
            width:90% !important;
            background:#e6e6e6;
        }
        .warn ul li{
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px;
        }
        label.questionLabel{
            margin-right:100px;
            text-indent: 1em;
        }
        /*input[type=radio] {*/
        /*    width:20px;*/
        /*    height:20px;*/
        /*    vertical-align:middle;*/
        /*    -webkit-appearance: none;*/
        /*    margin:0 !important;*/
        /*    border-radius:50%;*/
        /*    background-image: url('../../assets/images/nocheck.png');*/
        /*    background-size:100% 100%*/
        /*}*/
        /*input[type=radio]:checked{*/
        /*    background-image: url('../../assets/images/checkout.png');*/
        /*    background-size:100% 100%*/
        /*}*/
        .default{
            border:1px solid red !important;
        }
        .inputVal{
            position:absolute;
            height:30px;
        }
        .inputText{
            position:relative;
        }
        textarea{
            width: 800px;
            height: 180px;
            border: solid 1px #d0d0d0;
            vertical-align:top;
            text-indent:10px;
            font-family: MicrosoftYaHei;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #333333;
        }
        .unit{
            position:relative;
            height:30px;
            margin-bottom:0px !important;
            vertiacl:middle;
            top:8px;
        }
        .unit input{
            position:absolute;
        }
        .unit span{
            position:absolute;
            left:80%;
        }
        .tables table{
            width:80%;
            border:1px solid #d0d0d0;
        }
        .tables tr th{
            text-align:center;
            height:38px;
            line-height:38px;
            border-bottom:1px solid #d0d0d0;
            border-right:1px solid #d0d0d0;
            width:50%;
            color:#666666;
            font-family:PingFang-SC-Regular
        }
    </style>
    <style>
        #checktable #dataTables tr td{
            /*border-bottom: 1px solid #333333;*/
        }
        body,html{
            width:100%;
        }
        li{
            list-style: none;
        }
        .first_news .news{
            width:100%;
            height:60px;
            line-height: 40px;
        }
        .first_news h3 {
            display: inline-block;
            float:left;
        }
        .first_news .updateInfo {
            width:100px;
            font-size:16px;
            line-height:28px;
            margin: 0 auto;
            background:#35acfd !important;
            /*margin-right:15px !important;*/
            margin:20px 15px 0 auto !important;
            padding:0 !important;
            display: inline-block;
            float:right;
        }

        .img {
            width: 12%;
        }

        .infor {
            width: 100%;
            margin-left: 2%;
        }
        .infor div{
            width:100%;
            height:30px;
        }
        .infor div span {
            float:left;
            color: #666666;
        }

        .color {
            margin: 0 !important;
        }
        .lives label {
            margin: 0 15px;
        }

        .content {
            display: flex;
        }
        .month{
            width:100%;
            display:block;
            height:35px;
            margin-bottom:0px;
            /*margin-bottom:-0.5px;*/
        }
        .month li{
            border:1px solid #d0d0d0;
            width:140px;
            line-height:35px;
            height:35px;
            text-align:center;
            color:#7e7e7e;
            font-size:17px;
            float:left;
            margin:0 -0.5px;
        }
        .month li:nth-child(1){
            width:84px;
        }


    </style>
    <style>
        .updateInfo{
            display: none !important;
        }
        .table tr{
            height:42px;
        }
        thead hr{
            border-top: none !important;
            border-bottom: none !important;
        }
        .dataTable{
            text-align:center;
        }
        thead{
            width:100%;
        }
        thead tr th{
            text-align:center !important;
        }

        input[type=checkbox] {
            width:20px;
            height:20px;
            -webkit-appearance: none;
            border-radius:5px;
            border:1px solid #9e9e9e;
        }
        input[type=checkbox]:checked{
            background-image: url('${assets}/images/radio.png');
            background-size:100% 100%;
            border:none
        }
        input[type=radio] {
            width:20px !important;
            height:20px !important;
            vertical-align:sub !important;
        }
        <%--input[type=radio]:checked{--%>
        <%--    background-image: url('${assets}/images/checkout.png');--%>
        <%--    background-size:100% 100%--%>
        <%--}--%>
        .sign_content{
            margin-left:15px;
            margin-bottom:20px;
        }
        .sign_content label{
            line-height:30px;
        }
        .sign_content div input{
            width:140px;
            line-height: 30px;
            border: solid 1px #d0d0d0;
            text-indent:10px;
            position:absolute;
            height:30px;
            display:inline-block;
            vertical-align:middle;
        }
        .sign_content div span{
            position:relative;
            left:130px;
        }
        .sign_content div{
            display:inline-block;
            width:170px;
            margin-right:20px;
        }
        /*.checked{*/
        /*    background-image: url('../../../../assets/images/checkout.png') !important;*/
        /*    background-size:100% 100%*/
        /*}*/
        .ill1{
            width:auto;
            margin-right:15px;
            display:inline-block;
        }
        .ill1 label{
            margin:0 15px;
        }
        #tablepart p{
            width:100%;
            text-align:center;
            font-size:15px;
            line-height:40px;
            color:#333333;
        }
        #table p{
            width:100%;
            text-align:center;
            font-size:15px;
            line-height:40px;
            color:#333333;
        }
        .test p{
            width:100%;
            line-height:100px;
            font-size:15px;
            text-align:center;
        }
        img{
            max-width:100%;
            height:auto;
        }
        .img{
            width:130px;
        }
        /* first_news */
        #tablepart #dataTables tbody tr{
            cursor: pointer;
        }
        .dataTables_empty{
            width:100% !important;
            text-align:center;
            font-size:15px !important;
            line-height:40px !important;
            color:#333333 !important;
        }
        thead tr th{
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 40px;
            letter-spacing: 0px;
            color: #999999;
        }
        td{
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 40px;
            letter-spacing: 0px;
            color: #333333;
            border-bottom:1px solid #e6e6e6;
        }
        .other span{
            width:40.7%;
            margin-right:5%;
        }
        .chank{
            width:20%;
            overflow:hidden;
            margin-right:2%;
            vertical-align: middle;
            height:60px;
        }
        .chank:nth-child(1) label{
            width:70%;
        }
        .chank:nth-child(2) label{
            width:80%;
            position:absolute;
            top:5px;
        }
        .chank:nth-child(2){
            width:30%;
            position:relative;
        }
        .chank:nth-child(3){
            width:40%;
        }
        .chank:nth-child(5) label{
            width:80%;
            position:absolute;
            top:5px;
        }
        .firstShow input,select{
            width:150px;
            height:30px;
            line-height:30px;
            text-indent:20px;
            border:1px solid #d0d0d0;
            margin-left:15px;
        }
        .chank:nth-child(5){
            width:30%;
            position:relative;
        }
        .chank:nth-child(6) label{
            width:80%;
            position:absolute;
            top:5px;
            margin-left:4%;
        }
        .chank:nth-child(6){
            width:35%;
            position:relative;
        }
        .chank:nth-child(4) label{
            width:70%;
            position:absolute;
            top:5px;
            margin-left:4%;
        }
        .chank:nth-child(4){
            position:relative;
        }
        .chank label{
            margin-left:2%;
            word-wrap:break-word;
            vertical-align: middle;
            line-height: 120%;
        }
        #testtable tr th{
            width:24%;
        }
        #testtable tr th:nth-child(1){
            width:4%;
        }

        .text_content div span{
            font-weight:normal;
        }
        .title_xz{
            width:100px;
            display:inline-block;
        }
        .othernews label{
            display:inline-block;
            width:90px;
        }
        .othernews input{
            vertical:middle;
            width:60%;
            height:30px;
            line-height:30px;
            text-indent:20px;
            border:1px solid #d0d0d0;
        }
        .warn{
            width:90% !important;
            background:#e6e6e6;
        }

        select{
            width: 181px;
            height: 30px;
            border: solid 1px #d0d0d0;
            font-family: MicrosoftYaHei;
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px;
        }
        /*.fade{*/
        /*cursor:pointer;*/
        /*display:inline-block;*/
        /*}*/
        .illnessTitle{
            width:23%;
            text-align:center;
            display:inline-block;
        }
        #liveMsg{
            width:50%;
            height:30px;
            line-height:30px;
            text-indent:20px;
            border:1px solid #d0d0d0;
            margin-left:0px;
        }
        #specRemark{
            vertical-align:top;
            width:85%;
            font-size:13px;
            line-height:20px;
            margin-top:2.5px;
            height:20px;
            display:inline-block;
        }
        /* 随访时间及方式 */
        .way,illness,sign,live,evaluate{
            margin-bottom:30px;
        }
        .way_content,illness_content{
            width:100%;
            margin-left:15px;
            margin-top:19px;
        }
        .way_content label{
            width:auto;
            height: 16px;
            line-height: 16px;
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
        }
        .way_content div{
            margin-bottom:20px;
        }
        .way_content input,#accompanyType{
            width: 15%;
            line-height: 30px;
            height:30px;
            border: solid 1px #d0d0d0;
            font-family: MicrosoftYaHei;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px !important;
        }
        .way_content select{
            width: 181px;
            height: 30px;
            border: solid 1px #d0d0d0;
            font-family: MicrosoftYaHei;
            font-size: 15px;
            font-weight: normal;
            margin-left: 0;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px;
        }
        .way_content textarea{
            width: 800px;
            height: 180px;
            border: solid 1px #d0d0d0;
            vertical-align:top;
            text-indent:10px;
            font-family: MicrosoftYaHei;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #333333;
        }
        /* 病症 */
        .illness_content{
            margin-left:15px;
            margin-bottom:20px;
        }
        .illness_content label{
            margin-left:22px;
        }
        input[type=checkbox] {
            width:20px;
            height:20px;
            -webkit-appearance: none;
            border-radius:5px;
            border:1px solid #9e9e9e;
            vertical-align:text-top;
            margin-top:0; /*7px*/
            display:inline-block !important;
        }
        input[type=checkbox]:checked{
            background-image: url('${assets}/images/radio.png');
            background-size:100% 100%;
            border:none
        }
        .ill1{
            margin-right:22px;
            margin-top:20px;
        }
        /* 体征 */
        .sign_content{
            margin-left:15px;
            margin-top:20px;
            margin-bottom:20px;
        }
        .sign_content div input{
            width:180px;
            line-height: 30px;
            border: solid 1px #d0d0d0;
            text-indent:10px;
            position:absolute;
            height:30px;
            display:inline-block;
        }
        .sign_content div span{
            position:relative;
            left:130px;
        }
        .sign_content div{
            display:inline-block;
            width:270px;
        }
        .second div input{
            width:135px;
        }
        .second div span{
            left:80px;
        }
        .third div input{
            width:135px;
        }
        .third div span{
            left:80px;
        }
        .third div{
            width:200px;
        }
        /* 生活方式调查 */
        .live_content{
            margin-left:15px;
            margin-top:20px;
        }
        .live_content span{
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
            margin-right:19px;
            display:inline-block;
        }
        .live_content input{
            width: 115px;
            height: 30px;
            border: solid 1px #d0d0d0;
            line-height:30px;
            margin-right:10px;
            text-indent:10px;
        }
        .live_content div{
            margin-top:20px;
        }
        .sprots span{
            margin-right:65px;
        }
        #salt{
            width: 15%;
            height: 30px;
            border: solid 1px #d0d0d0;
            font-family: MicrosoftYaHei;
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px;
            margin-right:19px;
        }
        .salt input{
            width: 180px;
            height: 30px;
            border: solid 1px #d0d0d0;
            line-height:30px;
            margin-right:10px;
            text-indent:10px;
        }
        .mentality{
            margin-bottom:20px;
        }
        .salttype{
            width: 200px;
            height: 30px;
        }
        /* 随访评估 */
        .evaluate_content{
            margin-left:15px;
            margin-bottom:20px;
            margin-top:20px;
        }
        .evaluate_content span{
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
            margin-right:19px;
            display:inline-block;
        }
        /* 治疗建议 */
        .suggest_content{
            margin-left:15px;
            margin-bottom:20px;
            margin-top:20px;
        }
        .suggest_content span{
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
            margin-right:19px;
            display:inline-block;
        }
        .suggest_content textarea{
            width: 500px;
            height: 120px;
            border: solid 1px #d0d0d0;
            vertical-align:top
        }
        #main{
            margin-top:0px !important;
        }

        textarea{
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px;
        }
        .warn{
            padding:30px;
            width:90% !important;
            background:#e6e6e6;
        }
        .warn ul li{
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px;
        }
        /*input[type=radio] {*/
        /*    width:20px;*/
        /*    height:20px;*/
        /*    vertical-align:middle;*/
        /*    -webkit-appearance: none;*/
        /*    margin:0 !important;*/
        /*    border-radius:50%;*/
        /*    background-image: url('../../../../assets/images/nocheck.png');*/
        /*    background-size:100% 100%*/
        /*}*/
        /*input[type=radio]:checked{*/
        /*    background-image: url('../../../../assets/images/checkout.png');*/
        /*    background-size:100% 100%*/
        /*}*/
        /*  表格 */
        #dataTables tr td{
            text-align:center;
            height:50px;
            line-height:50px;
            color:#666666;
            font-family:PingFang-SC-Regular
        }
        /*随访记录模块*/
        #accompany .sign_content div{
            margin-right: 0;
        }
        /*tab*/
        .nav-tabs>li>a{
            border-radius:0 !important;
        }
        .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
            border-top:#337ab7 solid 3px !important;
        }
        /*.nav-tabs li:active{*/
        /*    */
        /*}*/
    </style>
</head>
<body>
<div>
    <%@ include file="../../../breadline.jsp" %>
</div>
<div id="main" class="wrap">

    <div>
        <%@ include file="../../../personalnews.jsp" %>
    </div>
        <div id="questionnaire">
            <div class="illness" style="width:99%; margin-right:19px;">
                <div class="tableWrap"
                     style="padding:0 0 20px 0;background-color: #ffffff;box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.05);margin-top: -40px;">
                    <div style="margin-left:20px;">
                        <h3 style="margin-bottom:16px;font-size:20px;padding-top: 10px;">首次问卷调查</h3>
                        <div class="way" style="margin-top: 30px;">
                            <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;margin-left: 20px;"></span>
                            <span class="title">基本信息</span>
                            <div class="way_content">
                                <div style="margin-bottom:0px;">
                                    <label for="queryTime">随访日期：</label>
                                    <div class="date form_date" style="display:inline-block !important;width:20%;">
                                        <input id="queryTime" type="text" readonly style="width:100% !important;" v-model="accompanyTime">
                                    </div>
                                </div>
                                <div style="margin-bottom:0px;">
                                    <label for="surveyer">调查员：</label>
                                    <input id="surveyer" type="text" class="height form-control" v-model="surveyer">
                                    <label for="surveyerPhone">调查员手机号：</label>
                                    <input type="text" class="weightGuide form-control weight"
                                           v-model="surveyerPhone" id="surveyerPhone">
                                </div>
                            </div>
                        </div>
                    </div>

                    <%--    首次随访详情aaaaaaaaaa--%>
                    <%--    v-show="3 == num"--%>
                    <div  class="aa" v-if="MedicalType == 0">
                        <div class="way">
                            <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;margin-left: 20px;"></span>
                            <span class="title">问卷调查表</span>
                            <div class="way_content">
                                <%-- 可以显示的随访类型：首次 --%>
                                <div>
                                    <label class="dxaDo" style="width:100%;height:32px;">（1）曾经是否做过DXA检查（双能x线骨密度）？</label>
                                    <div class="choice" style="width:20%;padding-left:10px;">
                                        <input type="radio" name="dxaDo" id="dxaDoYes" value="2" v-model="checkFirstData.dxaDo">
                                        <label for="smoke" style="width:60px;margin-right:40px;">是</label>
                                        <input type="radio" name="dxaDo" id="dxaDoNo" value="1" v-model="checkFirstData.dxaDo" style="width:60px;">
                                        <label for="smoke">否</label>
                                    </div>
                                </div>
                                <div v-if="checkFirstData.dxaDo == 1" style="padding-left:15px;">
                                    <label class="dxaKnow" style="width:100%;">是否知道有这项DXA检查？</label>
                                    <div class="choice" style="width:20%;padding-left:10px;">
                                        <input type="radio" name="dxaKnow" id="dxaKnowYes" value="2" v-model="checkFirstData.dxaKnow">
                                        <label for="dxaKnow" style="width:60px;margin-right:40px;">是</label>
                                        <input type="radio" name="dxaKnow" id="dxaKnowNo" value="1" v-model="checkFirstData.dxaKnow" style="width:60px;">
                                        <label for="smoke">否</label>
                                    </div>
                                    <%--                                    --%>
                                    <%--                                    --%>
                                    <%--                                    <label for="dxaKnow">是否知道有这项DXA检查？</label>--%>
                                    <%--                                    <select name="dxaKnow" id="dxaKnow" v-model="checkFirstData.dxaKnow">--%>
                                    <%--                                        <option value="" selected="selected">请选择</option>--%>
                                    <%--                                        <option value="1">知道</option>--%>
                                    <%--                                        <option value="2">不知道</option>--%>
                                    <%--                                    </select>--%>
                                </div>
                                <div v-if="checkFirstData.dxaDo == 2">
                                    <label for="dxaDoTime">骨折前还是骨折后做的DXA检查？</label>
                                    <select name="dxaDoTime" id="dxaDoTime"
                                            v-model="checkFirstData.dxaDoTime">
                                        <option value="" selected="selected">请选择</option>
                                        <option value="1">骨折前</option>
                                        <option value="2">骨折后</option>
                                    </select>
                                    <input type="number" class="height form-control" v-model="checkFirstData.dxaCountPerYear">
                                    <span>次/年</span>
                                    <span>*</span>
                                    <input type="number" class="height form-control" v-model="checkFirstData.dxaYears">
                                    <span>年</span>
                                </div>
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:20px;">
                                    <div style="margin-bottom:0px;margin-right:50px;">
                                        <label for="height">（2）身高：</label>
                                        <input type="text" name="height" id="height" class="height form-control"
                                               v-model="checkFirstData.height">
                                        <span style="left:100px;">cm</span>
                                    </div>
                                    <div style="margin-bottom:0px;">
                                        <label for="weight">体重：</label>
                                        <input type="text" name="weight" id="weight" class="weightGuide form-control weight"
                                               v-model="checkFirstData.weight">
                                        <span style="left:105px;">kg</span>
                                    </div>
                                    <div style="margin-bottom:0px;">
                                        <label for="bmi">BMI：</label>
                                        <input type="text" name="bmi" id="bmi" class="bmi form-control" v-model="BMI">
                                        <span style="left:80px;">kg/m²</span>
                                    </div>
                                    <div class="follow2" style="display: block;width:100%;margin:6px 0;">
                                        <div style="margin-bottom:0px;height:45px;">
                                            <div class="choice" style="width:350px;padding-left:10px;display:inline-block;">
                                                <label class="dxaKnow" style="display:inline-block;">驼背:</label>
                                                <input type="radio" name="humpback" id="humpbackYes" value="2" v-model="checkFirstData.humpback" style="margin-top:13px;">
                                                <label for="humpbackYes" style="width:60px;margin-left:40px;line-height:45px;">是</label>
                                                <input type="radio" name="humpback" id="humpbackNo" value="1" v-model="checkFirstData.humpback" style="width:60px;margin-top:13px;">
                                                <label for="humpbackNo" style="width:60px;margin-left:40px;line-height:45px;">否</label>
                                            </div>
                                        </div>
                                        <div style="margin-bottom:0px;">
                                            <label for="bmi">身高缩短(较年轻时)：</label>
                                            <input type="text" name="heightLessItem" id="heightLessItem" class="bmi form-control" v-model="checkFirstData.heightLessItem">
                                            <span style="left:80px;">cm</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="sign_content third" style="margin-left:0px;margin-bottom:20px;">
                                    <div style="margin-bottom:0px;">
                                        <label for="menopause" style="line-height: 30px;margin-right:8px;">（3）女性回答：绝经年龄</label>
                                        <input type="text" name="menopause" id="menopause" class="height form-control"
                                               v-model="checkFirstData.menopause">
                                        <%--                                        <span style="left:100px;">岁</span>--%>
                                    </div>
                                    <div style="margin-bottom:0px; margin-left: 120px">
                                        <label for="gestation">妊娠次数：</label>
                                        <input type="text" name="gestation" id="gestation" class="weightGuide form-control weight"
                                               v-model="checkFirstData.gestation">
                                        <%--                                        <span style="left: 110px;">次</span>--%>
                                    </div>
                                </div>
                                <%--                                    、、、、、、、、、、、、--%>
                                <div>
                                    <label for="smoke">（4）吸烟：</label>
                                    <input type="radio" name="smoke" id="smokeYes" value="2" v-model="checkFirstData.smoke">
                                    <label for="smoke">是</label>
                                    <input type="radio" name="smoke" id="smokeNo" value="1" v-model="checkFirstData.smoke">
                                    <label for="smoke">否</label>
                                    <div v-if="checkFirstData.smoke == 2" style="margin-top: 20px;padding-left:28px;">
                                        <label for="smoke">吸烟：</label>
                                        <input type="text" name="smokeYear" id="smokeYear" class="weightGuide form-control weight"
                                               v-model="checkFirstData.smokeYear">
                                        <span style="left:105px;">年</span>
                                        <input type="radio" name="quitSmoking" id="quitSmokingYes" value="1" v-model="checkFirstData.quitSmoking">

                                        <label for="quitSmokingYes" style="margin-left:10px;">已戒</label>
                                        <input type="radio" name="quitSmoking" id="quitSmokingNo" value="0" v-model="checkFirstData.quitSmoking">
                                        <label for="quitSmokingNo">未戒</label>
                                    </div>
                                    <%--                                <div>--%>
                                    <%--                                    、、、、、--%>
                                    <%--                                    <label for="smoke">（4）吸烟：</label>--%>
                                    <%--                                    <input type="radio" name="smoke" id="smokeYes" value="2" v-model="checkFirstData.smoke">--%>
                                    <%--                                    <label for="smokeYes">是</label>--%>
                                    <%--                                    <input type="radio" name="smoke" id="smokeNo" value="1" v-model="checkFirstData.smoke">--%>
                                    <%--                                    <label for="smokeNo">否</label>--%>
                                    <%--                                    <div v-if="checkFirstData.smoke == 2" style="margin-top: 20px;padding-left:28px;">--%>
                                    <%--                                        <span style="left:105px;">吸烟</span>--%>
                                    <%--                                        <input type="text" name="smokeYear" id="smokeYear" class="weightGuide form-control weight"--%>
                                    <%--                                               v-model="checkFirstData.smokeYear">--%>
                                    <%--                                        <span style="left:105px;">年</span>--%>
                                    <%--                                        <input type="radio" name="quitSmoking" id="quitSmokingYes" value="1" v-model="checkFirstData.quitSmoking">--%>

                                    <%--                                        <label for="quitSmokingYes" style="margin-left:10px;">已戒</label>--%>
                                    <%--                                        <input type="radio" name="quitSmoking" id="quitSmokingNo" value="0" v-model="checkFirstData.quitSmoking">--%>
                                    <%--                                        <label for="quitSmokingNo">未戒</label>--%>
                                    <%--                                    </div>--%>
                                    <%--                                    <span v-if="checkFirstData.smoke == 2">--%>
                                    <%--                            <input type="text" name="smokeCountPerDay" id="smokeCountPerDay" class="height form-control"--%>
                                    <%--                                   v-model="checkFirstData.smokeCountPerDay">--%>
                                    <%--                            <span style="left:100px;">支/天*</span>--%>
                                    <%--                            <input type="text" name="smokeYear" id="smokeYear" class="weightGuide form-control weight"--%>
                                    <%--                                   v-model="checkFirstData.smokeYear">--%>
                                    <%--                            <span style="left:105px;">年</span>--%>
                                    <%--                        </span>--%>
                                </div>
                                <div>
                                    <label for="drink">（5）饮酒：</label>
                                    <%--                                    <select name="drink" id="drink" v-model="checkFirstData.drink">--%>
                                    <%--                                        <option value="" selected="selected">请选择</option>--%>
                                    <%--                                        <option value="1">否</option>--%>
                                    <%--                                        <option value="2">是</option>--%>
                                    <%--                                    </select>--%>
                                    <input type="radio" name="drink" id="drinkYes" v-model="checkFirstData.drink" value="2">
                                    <label for="drink">是</label>
                                    <input type="radio" name="drink" id="drinkNo" v-model="checkFirstData.drink" value="1">
                                    <label for="drink">否</label>

                                    <div v-if="checkFirstData.drink == 2" style="margin-top: 20px;padding-left:28px;">
                                        <label for="drinkType">喝哪种酒？</label>
                                        <select name="drinkType" id="drinkType" v-model="checkFirstData.drinkType">
                                            <option value="" selected="selected">请选择</option>
                                            <option value="1">啤酒</option>
                                            <option value="2">葡萄酒</option>
                                            <option value="3">白酒</option>
                                            <option value="4">黄酒</option>
                                        </select>

                                        <label for="drinkMl">饮酒量：</label>
                                        <input type="text" name="drinkMl" id="drinkMl" class="height form-control"
                                               v-model="checkFirstData.drinkMl">
                                        <span style="left:100px;">ml/天*</span>
                                        <input type="text" name="drinkYear" id="drinkYear" class="weightGuide form-control weight"
                                               v-model="checkFirstData.drinkYear">
                                        <span style="left:105px;">年</span>
                                    </div>
                                </div>
                                <div>
                                    <label for="tea">（6）喝浓茶：</label>
                                    <%--                                    <select name="tea" id="tea" v-model="checkFirstData.tea">--%>
                                    <%--                                        <option value="" selected="selected">请选择</option>--%>
                                    <%--                                        <option value="1">否</option>--%>
                                    <%--                                        <option value="2">是</option>--%>
                                    <%--                                    </select>--%>
                                    <input type="radio" name="tea" id="teaYes" v-model="checkFirstData.tea" value="2">
                                    <label for="teaYes">是</label>
                                    <input type="radio" name="tea" id="teaNo" v-model="checkFirstData.tea" value="1">
                                    <label for="teaNo">否</label>
                                    <div v-if="checkFirstData.tea == 2" style="margin-top: 20px;padding-left:28px;">
                                        <label for="teaType">哪种茶？</label>
                                        <select name="teaType" id="teaType" v-model="checkFirstData.teaType">
                                            <option value="" selected="selected">请选择</option>
                                            <option value="1">红茶</option>
                                            <option value="2">绿茶</option>
                                            <option value="3">其他</option>
                                        </select>
                                    </div>
                                </div>
                                <div>
                                    <div>
                                        <label for="coffee">（7）喝咖啡：</label>
                                        <input type="radio" name="coffee" id="coffeeYes" v-model="checkFirstData.coffee" value="2">
                                        <label for="coffeeYes">是</label>
                                        <input type="radio" name="coffee" id="coffeeNo" v-model="checkFirstData.coffee" value="1">
                                        <label for="coffeeNo">否</label>
                                        <div v-if="checkFirstData.coffee == 2" style="margin-top: 20px;padding-left:28px;">
                                            <input type="text" name="coffeeMl" id="coffeeMl" class="height form-control"
                                                   v-model="checkFirstData.coffeeMl">
                                            <span style="left:100px;">杯/天*</span>
                                            <input type="text" name="coffeeYear" id="coffeeYear" class="weightGuide form-control weight"
                                                   v-model="checkFirstData.coffeeYear">
                                            <span style="left:105px;">年</span>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <label for="milk">（8）乳制品？</label>
                                    <input type="radio" name="milk" id="milkYes" v-model="checkFirstData.milk" value="2">
                                    <label for="milkYes">是</label>
                                    <input type="radio" name="milk" id="milkNo" v-model="checkFirstData.milk" value="1">
                                    <label for="milkNo">否</label>
                                    <div v-if="checkFirstData.milk == 2" style="margin-top: 20px;padding-left:28px;">
                                        <%--                                        <label for="milkType">哪种乳制品？</label>--%>
                                        <select name="milkType" id="milkType" v-model="checkFirstData.milkType">
                                            <option value="" selected="selected">请选择</option>
                                            <option value="1">新鲜牛奶</option>
                                            <option value="2">酸奶</option>
                                            <option value="3">奶粉</option>
                                        </select>

                                        <%--                                        <label for="milkMl">饮用量：</label>--%>
                                        <input type="text" name="milkMl" id="milkMl" class="height form-control"
                                               v-model="checkFirstData.milkMl">
                                        <span style="left:100px;">ml/天*</span>
                                        <input type="text" name="milkYear" id="milkYear" class="weightGuide form-control weight"
                                               v-model="checkFirstData.milkYear">
                                        <span style="left:105px;">年</span>
                                    </div>
                                </div>
                                <div>
                                    <label for="dietary">（9）饮食习惯</label>
                                    <input type="radio" id="dietaryYes" name="dietary" v-model="checkFirstData.dietary" value="2">
                                    <label for="dietaryYes">普通膳食</label>
                                    <input type="radio" id="dietaryNo" name="dietary" v-model="checkFirstData.dietary" value="1">
                                    <label for="dietaryNo">素食或基本素食</label>
                                </div>
                                <div>
                                    <label for="sun">（10）晒太阳</label>
                                    <input type="radio" name="sun" id="sunYes" v-model="checkFirstData.sunbathe" value="2">
                                    <label for="sunYes">是（每天30分钟，3天/周以上）</label>
                                    <input type="radio" name="sun" id="sunNo" v-model="checkFirstData.sunbathe" value="1">
                                    <label for="sunNo">否</label>
                                </div>
                                <div>
                                    <label for="exercise">（11）经常运动：</label>
                                    <input type="radio" name="exercise" id="exerciseYes" v-model="checkFirstData.exercise" value="2">
                                    <label for="exerciseYes">是</label>
                                    <input type="radio" name="exercise" id="exerciseNo" v-model="checkFirstData.exercise" value="1">
                                    <label for="exerciseNo">否</label>
                                    <div v-if="checkFirstData.exercise == 2" style="margin-top: 20px;padding-left:28px;">
                                        <%--                                        <label for="exerciseMinPerDay">平均运动时间：</label>--%>
                                        <input type="text" name="exerciseMinPerDay" id="exerciseMinPerDay"
                                               class="height form-control"
                                               v-model="checkFirstData.exerciseMinPerDay">
                                        <span style="left:100px;">小时/天*</span>
                                        <input type="text" name="exerciseYear" id="exerciseYear"
                                               class="weightGuide form-control weight"
                                               v-model="checkFirstData.exerciseYear">
                                        <span style="left:105px;">年</span>
                                        <label for="exerciseType">运动方式：</label>
                                        <select name="exerciseType" id="exerciseType" v-model="checkFirstData.exerciseType">
                                            <option value="" selected="selected">请选择</option>
                                            <option value="1">散步</option>
                                            <option value="2">快走</option>
                                            <option value="3">舞蹈</option>
                                            <option value="4">太极拳</option>
                                            <option value="5">游泳</option>
                                            <option value="6">跑步</option>
                                            <option value="7">其他</option>
                                        </select>
                                    </div>
                                </div>
                                <div>
                                    <label for="fall">（12）跌倒次数（近1年）：</label>
                                    <input type="radio" name="fall" id="fallNo" v-model="checkFirstData.fall" value="1">
                                    <label for="fallNo">无</label>
                                    <input type="radio" name="fall" id="fallOne" v-model="checkFirstData.fall" value="2">
                                    <label for="fallOne">1次</label>
                                    <input type="radio" name="fall" id="fallTwice" v-model="checkFirstData.fall" value="3">
                                    <label for="fallTwice">>1次</label>
                                </div>
                                <div>
                                    <label for="selffractu">（13）本人骨折史：</label>
                                    <input type="radio" name="selffractu" id="selffractuYes" v-model="checkFirstData.selffractu" value="2">
                                    <label for="selffractuYes">有</label>
                                    <input type="radio" name="selffractu" id="selffractuNo" v-model="checkFirstData.selffractu" value="1">
                                    <label for="selffractuNo">否</label>
                                    <div v-if="checkFirstData.selffractu==2"  style="margin-top:20px;padding-left:28px;">
                                        <div>
                                            <label for="selffractuFirstAge">时间：</label>
                                            <input type="text" name="selffractuFirstAge" id="selffractuFirstAge"
                                                   class="height form-control"
                                                   v-model="checkFirstData.selffractuFirstAge">
                                            <span style="left:100px;">岁；</span>
                                            <label for="selffractuFirstPlace">部位：</label>
                                            <select name="selffractuFirstPlace" id="selffractuFirstPlace"
                                                    v-model="checkFirstData.selffractuFirstPlace">
                                                <option value="" selected="selected">请选择</option>
                                                <option value="1">髋部</option>
                                                <option value="2">椎体</option>
                                                <option value="3">前臂</option>
                                                <option value="4">肱骨</option>
                                                <option value="5">其他；</option>
                                            </select>
                                            <label for="selffractuFirstReason">原因：</label>
                                            <select name="selffractuFirstReason" id="selffractuFirstReason"
                                                    v-model="checkFirstData.selffractuFirstReason">
                                                <option value="" selected="selected">请选择</option>
                                                <option value="1">脆性</option>
                                                <option value="2">暴力；</option>
                                            </select>
                                        </div>
                                        <div class="operation">
                                            <label for="operation">手术名称：</label>
                                            <input type="radio" name="selffractuFirstSurgery" id="selffractuFirstSurgery1" v-model="checkFirstData.selffractuFirstSurgery" value="1">
                                            <label for="selffractuFirstSurgery1" style="margin-right:15px;">髋关节置换/内固定</label>
                                            <input type="radio" name="selffractuFirstSurgery" id="selffractuFirstSurgery2" v-model="checkFirstData.selffractuFirstSurgery" value="2">
                                            <label for="selffractuFirstSurgery2" style="margin-right:15px;">椎体成形术</label>
                                            <input type="radio" name="selffractuFirstSurgery" id="selffractuFirstSurgery3" v-model="checkFirstData.selffractuFirstSurgery" value="3">
                                            <label for="selffractuFirstSurgery3">其他</label>
                                        </div>
                                        <div>
                                            <label for="selffractuSecondAge">时间：</label>
                                            <input type="text" name="selffractuSecondAge" id="selffractuSecondAge"
                                                   class="height form-control"
                                                   v-model="checkFirstData.selffractuSecondAge">
                                            <span style="left:100px;">岁；</span>
                                            <label for="selffractuSecondPlace">部位：</label>
                                            <select name="selffractuSecondPlace" id="selffractuSecondPlace"
                                                    v-model="checkFirstData.selffractuSecondPlace">
                                                <option value="" selected="selected">请选择</option>
                                                <option value="1">髋部</option>
                                                <option value="2">椎体</option>
                                                <option value="3">前臂</option>
                                                <option value="4">肱骨</option>
                                                <option value="5">其他；</option>
                                            </select>
                                            <label for="selffractuSecondReason">原因：</label>
                                            <select name="selffractuSecondReason" id="selffractuSecondReason"
                                                    v-model="checkFirstData.selffractuSecondReason">
                                                <option value="" selected="selected">请选择</option>
                                                <option value="1">脆性</option>
                                                <option value="2">暴力；</option>
                                            </select>
                                        </div>
                                        <div class="operation">
                                            <label for="operation">手术名称：</label>
                                            <input type="radio" name="selffractuSecondSurgery" id="selffractuSecondSurgery1" v-model="checkFirstData.selffractuSecondSurgery" value="1">
                                            <label for="selffractuSecondSurgery1" style="margin-right:15px;">髋关节置换/内固定</label>
                                            <input type="radio" name="selffractuSecondSurgery" id="selffractuSecondSurgery2" v-model="checkFirstData.selffractuSecondSurgery" value="2">
                                            <label for="selffractuSecondSurgery2" style="margin-right:15px;">椎体成形术</label>
                                            <input type="radio" name="selffractuSecondSurgery" id="selffractuSecondSurgery3" v-model="checkFirstData.selffractuSecondSurgery" value="3">
                                            <label for="selffractuSecondSurgery3">其他</label>
                                        </div>

                                    </div>
                                </div>
                                <div>
                                    <label style="display:block;">（14）家族史：</label>
                                    <div class="parentOsteoporosis">
                                        <label id="parentOsteoporosis"style="text-indent: 1em;">父/母亲骨质疏松病史</label>
                                        <input type="radio" name="parentOsteoporosis" id="parentOsteoporosisYes" v-model="checkFirstData.parentOsteoporosis" value="1">
                                        <label for="parentOsteoporosisYes">有</label>
                                        <input type="radio" name="parentOsteoporosis" id="parentOsteoporosisNo" v-model="checkFirstData.parentOsteoporosis" value="0">
                                        <label for="parentOsteoporosisNo">无</label>
                                    </div>

                                    <div class="parentHunchback">
                                        <label id="parentHunchback"style="text-indent: 1em;">父/母亲驼背</label>
                                        <input type="radio" name="parentHunchback" id="parentHunchbackYes" v-model="checkFirstData.parentHunchback" value="1">
                                        <label for="parentHunchbackYes">有</label>
                                        <input type="radio" name="parentHunchback" id="parentHunchbackNo" v-model="checkFirstData.parentHunchback" value="0">
                                        <label for="parentHunchbackNo">无</label>
                                    </div>


                                    <label for="parentFracture"style="text-indent: 1em;">父/母亲骨折史</label>
                                    <input type="radio" name="parentFracture" id="parentFractureYes" v-model="checkFirstData.parentFracture" value="2">
                                    <label for="parentFractureYes">是</label>
                                    <input type="radio" name="parentFracture" id="parentFractureNo" v-model="checkFirstData.parentFracture" value="1">
                                    <label for="parentFractureNo">否</label>
                                    <div v-if="checkFirstData.parentFracture==2" style="margin-top:20px;padding-left:28px;">
                                        <div>
                                            <label for="parentFractureFirstAge">时间：</label>
                                            <input type="text" name="parentFractureFirstAge" id="parentFractureFirstAge"
                                                   class="height form-control"
                                                   v-model="checkFirstData.parentFractureFirstAge">
                                            <span style="left:100px;">岁；</span>
                                            <label for="parentFractureFirstPlace">部位：</label>
                                            <select name="parentFractureFirstPlace" id="parentFractureFirstPlace"
                                                    v-model="checkFirstData.parentFractureFirstPlace">
                                                <option value="" selected="selected">请选择</option>
                                                <option value="1">髋部</option>
                                                <option value="2">椎体</option>
                                                <option value="3">前臂</option>
                                                <option value="4">肱骨</option>
                                                <option value="5">其他</option>
                                            </select>
                                            <label for="parentFractureFirstReason">原因：</label>
                                            <select name="parentFractureFirstReason" id="parentFractureFirstReason"
                                                    v-model="checkFirstData.parentFractureFirstReason">
                                                <option value="" selected="selected">请选择</option>
                                                <option value="1">脆性</option>
                                                <option value="2">暴力；</option>
                                            </select>
                                        </div>
                                        <div class="operation">
                                            <label for="operation">手术名称：</label>
                                            <input type="radio" name="parentFractureFirstSurgery" id="parentFractureFirstSurgery1" v-model="checkFirstData.parentFractureFirstSurgery" value="1">
                                            <label for="parentFractureFirstSurgery1" style="margin-right:15px;">髋关节置换/内固定</label>
                                            <input type="radio" name="parentFractureFirstSurgery" id="parentFractureFirstSurgery2" v-model="checkFirstData.parentFractureFirstSurgery" value="2">
                                            <label for="parentFractureFirstSurgery2" style="margin-right:15px;">椎体成形术</label>
                                            <input type="radio" name="parentFractureFirstSurgery" id="parentFractureFirstSurgery3" v-model="checkFirstData.parentFractureFirstSurgery" value="3">
                                            <label for="parentFractureFirstSurgery3">其他</label>
                                        </div>
                                        <div>
                                            <label for="parentFractureSecondAge">时间：</label>
                                            <input type="text" name="parentFractureSecondAge" id="parentFractureSecondAge"
                                                   class="height form-control"
                                                   v-model="checkFirstData.parentFractureSecondAge">
                                            <span style="left:100px;">岁；</span>
                                            <label for="parentFractureSecondPlace">部位：</label>
                                            <select name="parentFractureSecondPlace" id="parentFractureSecondPlace"
                                                    v-model="checkFirstData.parentFractureSecondPlace">
                                                <option value="" selected="selected">请选择</option>
                                                <option value="1">髋部</option>
                                                <option value="2">椎体</option>
                                                <option value="3">前臂</option>
                                                <option value="4">肱骨</option>
                                                <option value="5">其他；</option>
                                            </select>
                                            <label for="parentFractureSecondReason">原因：</label>
                                            <select name="parentFractureSecondReason" id="parentFractureSecondReason"
                                                    v-model="checkFirstData.parentFractureSecondReason">
                                                <option value="" selected="selected">请选择</option>
                                                <option value="1">脆性</option>
                                                <option value="2">暴力；</option>
                                            </select>
                                        </div>
                                        <div class="operation">
                                            <label for="operation">手术名称：</label>
                                            <input type="radio" name="parentFractureSecondSurgery" id="parentFractureSecondSurgery1" v-model="checkFirstData.parentFractureSecondSurgery" value="1">
                                            <label for="parentFractureSecondSurgery1" style="margin-right:15px;">髋关节置换/内固定</label>
                                            <input type="radio" name="parentFractureSecondSurgery" id="parentFractureSecondSurgery2" v-model="checkFirstData.parentFractureSecondSurgery" value="2">
                                            <label for="parentFractureSecondSurgery2" style="margin-right:15px;">椎体成形术</label>
                                            <input type="radio" name="parentFractureSecondSurgery" id="parentFractureSecondSurgery3" v-model="checkFirstData.parentFractureSecondSurgery" value="3">
                                            <label for="parentFractureSecondSurgery3">其他</label>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <label>（15）疾病史：</label>
                                    <div style="padding:6px 25px;width:100%;margin-bottom: 0px;vertical-align: top;" id="dieaseType" ref="dieaseType">
                                            <span v-for="(item,key) in dieaseType" :key="key" style="display:inline-block;margin:0 20px 18px 0;">
                                                <input type="checkbox" :name="item.checkName" :checked="item.check" :value="item.id" :id="item.forId" @click="dieaseTypeCheck(item)" />
                                                <label :for="item.forId">{{item.name}}</label>
                                            </span>
                                    </div>
                                </div>
                                <div>
                                    <label>（16）药物史：</label>
                                    <div style="padding:6px 25px;width:100%;margin-bottom: 0px;vertical-align: top;" id="medicineType" ref="medicineType">
                                            <span v-for="(item,key) in medicineType" :key="key" style="display:inline-block;margin:0 20px 18px 0;">
                                                <input type="checkbox" :name="item.checkName" :checked="item.check" :value="item.id" :id="item.forId" @click="medicineTypeCheck(item)" />
                                                <label :for="item.forId">{{item.name}}</label>
                                            </span>
                                    </div>
                                    <input type="text" name="medicineDesc" id="medicineDesc" class="height form-control" style="width: 400px" v-model="checkFirstData.medicineDesc" />
                                </div>
                                <div>
                                    <label for="operation">（17）手术史？1.卵巢切除史；2-子宫切除史；3-胃肠切除史；4-其他手术史</label>
                                    <label for="operation">是否有新增手术史？1.卵巢切除史；2-子宫切除史；3-胃肠切除史；4-其他手术史</label>
                                    <select name="operation" id="operation" v-model="checkFirstData.operation">
                                        <option value="" selected="selected">请选择</option>
                                        <option value="1">否</option>
                                        <option value="2">是</option>
                                    </select>
                                    <div v-if="checkFirstData.operation == 2">
                                        <label for="operationType">手术类型：</label>
                                        <select name="operationType" id="operationType" v-model="checkFirstData.operationType" @change="changeOperation">
                                            <option value="" selected="selected">请选择</option>
                                            <option value="1">卵巢切除史</option>
                                            <option value="2">子宫切除史</option>
                                            <option value="3">胃肠切除史</option>
                                            <option value="4">其他手术史</option>
                                        </select>
                                        <label for="operationYear">年龄</label>
                                        <input type="text" name="operationYear" class="operationYear" id="operationYear" v-model="checkFirstData.operationYear">
                                        <span v-if="checkFirstData.operationType == 1" style="margin-top: 20px;padding-left:28px;">
                                                <label for="operationPartYes" style="margin-left:10px;">单侧</label>
                                                <input type="radio" name="operationPart" id="operationPartYes" value="0" v-model="checkFirstData.operationPart">
                                                <label for="operationPartNo">双侧</label>
                                                <input type="radio" name="operationPart" id="operationPartNo" value="1" v-model="checkFirstData.operationPart">
                                            </span>
                                        <input type="text" name="operationOther" id="operationOther" class="height form-control"
                                               v-if="checkFirstData.operationType == 4"
                                               v-model="checkFirstData.operationOther">
                                    </div>
                                </div>

                                <div>
                                    <div style="display: inline-block;">
                                        <label for="blMedicine">（18）抗骨松治疗？</label>
                                        <select name="blMedicine" id="blMedicine" v-model="checkFirstData.blMedicine">
                                            <option value="" selected="selected">请选择</option>
                                            <option value="1">否</option>
                                            <option value="2">是</option>
                                        </select>
                                    </div>
                                    <div v-if="checkFirstData.blMedicine == 2 || checkFirstData.takemed == 2" style="display: inline-block;">
                                        <label for="blMedicineTime">何时开始服用？</label>
                                        <select name="blMedicineTime" id="blMedicineTime" v-model="checkFirstData.blMedicineTime">
                                            <option value="" selected="selected">请选择</option>
                                            <option value="1">骨折前</option>
                                            <option value="2">骨折后</option>
                                        </select>
                                    </div>
                                    <div class="blMedicine" v-if="checkFirstData.blMedicine == 2 || checkFirstData.takemed == 2">
                                        <label for="disease">服用药物情况：</label>
                                        <div style="width:100%;padding:6px 25px;overflow:hidden;height:140px;margin-bottom: 0px;vertical-align: top;" id="blMedicineType" ref="blMedicineType">
                                            <div class="medicine" style="width:40%;float:left;">
                                                <div v-for="(item,key) in blMedicineType" :key="key" style="margin:0 20px 34px 0;">
                                                    <input type="checkbox" :name="item.checkName" :checked="item.check" :value="item.id" :id="item.forId" @click="takemedicineTypeCheck(item)" />
                                                    <label :for="item.forId">{{item.name}}</label>
                                                </div>
                                            </div>
                                            <div class="year" style="width:60%;float:left;">
                                                <div v-for="(item,key) in medicineYear" :key="key" style="margin:0 20px 18px 0;">
                                                    <input type="text" name="blMedicineDose" id="blMedicineDose" class="height form-control" v-model="item.blMedicineDose">
                                                    <span style="left:100px;">*</span>
                                                    <input type="text" name="blMedicineYear" id="blMedicineYear" class="weightGuide form-control weight" v-model="item.blMedicineYear">
                                                    <span style="left:105px;">年</span>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <label for="painScore">（19）目前疼痛评分（VAS，0~10分）</label>
                                    <input type="number" name="painScore" id="painScore" class="height form-control"
                                           v-model="checkFirstData.painScore">

                                    <label for="painPlace">主要疼痛部位：</label>
                                    <select name="painPlace" id="painPlace" v-model="checkFirstData.painPlace">
                                        <option value="" selected="selected">请选择</option>
                                        <option value="1">腰背</option>
                                        <option value="2">四肢</option>
                                        <option value="3">关节</option>
                                        <option value="4">其他</option>
                                    </select>
                                </div>

                                <div>
                                    <label for="standWalkTest">（20）跌倒风险评估：起立-行走测试时间TUG：</label>
                                    <select name="standWalkTest" id="standWalkTest" v-model="checkFirstData.standWalkTest">
                                        <option value="" selected="selected">请选择</option>
                                        <option value="1"><12秒</option>
                                        <option value="2">>=12秒</option>
                                    </select>
                                    <span>
                                <label for="tugTime">TUG(s)：</label>
                                <input type="text" name="tugTime" id="tugTime" class="height form-control"
                                       style="width: 200px"
                                       v-model="checkFirstData.tugTime" />
                            </span>
                                </div>
                            </div>
                        </div>
                        <div class="way">
                            <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;"></span>
                            <span class="title">EQ-5D健康问卷</span>
                            <div class="way_content">
                                <div>
                                    <label for="walkAction">1）行动：</label>
                                    <select name="walkAction" id="walkAction" style="width:250px" v-model="checkFirstData.walkAction">
                                        <option value="" selected="selected">请选择</option>
                                        <option value="1">我可以四处走动，没有任何困难</option>
                                        <option value="2">我行动有些不方便</option>
                                        <option value="3">我不能下床活动</option>
                                    </select>
                                </div>
                                <div>
                                    <label for="selfCare">2）自己照顾自己：</label>
                                    <select name="selfCare" id="selfCare" style="width:330px" v-model="checkFirstData.selfCare">
                                        <option value="" selected="selected">请选择</option>
                                        <option value="1">我能自己照顾自己，没有任何困难</option>
                                        <option value="2">我在洗脸、刷牙、洗澡或穿衣方面有些困难</option>
                                        <option value="3">我无法自己洗脸、刷牙、洗澡或穿衣</option>
                                    </select>
                                </div>
                                <div>
                                    <label for="dailyAction">3）日常活动（如工作、学习、家务事、家庭或休闲活动）：</label>
                                    <select name="dailyAction" id="dailyAction" style="width:250px" v-model="checkFirstData.dailyAction">
                                        <option value="" selected="selected">请选择</option>
                                        <option value="1">我能进行日常活动，没有任何困难</option>
                                        <option value="2">我在进行日常活动方面有些困难</option>
                                        <option value="3">我无法进行日常活动</option>
                                    </select>
                                </div>
                                <div>
                                    <label for="painType">4）疼痛/不舒服：</label>
                                    <select name="painType" id="painType" style="width:250px" v-model="checkFirstData.painType">
                                        <option value="" selected="selected">请选择</option>
                                        <option value="1">我没有任何疼痛或不舒服</option>
                                        <option value="2">我觉得中度疼痛或不舒服</option>
                                        <option value="3">我觉得极度疼痛或不舒服</option>
                                    </select>
                                </div>
                                <div>
                                    <label for="anxiety">5）焦虑（如紧张、担心、不安等等）/抑郁（如做事情缺乏兴趣、没乐趣、提不起精神等等）：</label>
                                    <select name="anxiety" id="anxiety" style="width:250px" v-model="checkFirstData.anxiety">
                                        <option value="" selected="selected">请选择</option>
                                        <option value="1">我不觉得焦虑或抑郁</option>
                                        <option value="2">我觉得中度焦虑或抑郁</option>
                                        <option value="3">我觉得极度焦虑或抑郁</option>
                                    </select>
                                </div>
                                <div>
                                    <label for="healthScore">您今天的健康状况分（0～100；最好100；最差0）：</label>
                                    <input type="number" name="healthScore" id="healthScore" class="height form-control"
                                           v-model="checkFirstData.healthScore">
                                </div>
                            </div>
                        </div>
                        <div class="way" style="text-align: center;height:80px;">
                            <button type="button" class="btn btn-info" @click="saveFirstQuery()">
                                <img src="${assets}/images/revise.png" alt="" style="width:16px;vertical-align: middle;"> 保存
                            </button>
                        </div>
                    </div>
                    <%--随访内容bbbbbbbbbb--%>
                    <div class="accompany" v-else>
                        <div id="followup">
                            <div class="illness" style="width:99%; margin-right:19px;">
                                <div class="tableWrap"
                                     style="padding:0 0 20px 0;background-color: #ffffff;box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.05);margin-top: -40px;">
                                    <div style="margin-left:20px;">
                                    </div>
                                    <div class="way">
                                        <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;margin-left: 20px;"></span>
                                        <span class="title">问卷调查表</span>
                                        <div class="way_content">
                                            <div class="sign_content third" style="margin-left:0px;margin-bottom:20px;">
                                                <div style="margin-bottom:0px;">
                                                    <label for="height2">身高：</label>
                                                    <input type="text" name="height2" id="height2" class="height form-control"
                                                           v-model="accompany.height">
                                                    <span style="left:100px;">cm</span>
                                                </div>
                                                <div style="margin-bottom:0px;">
                                                    <label for="weight2">体重：</label>
                                                    <input type="text" name="weight2" id="weight2" class="weightGuide form-control weight"
                                                           v-model="accompany.weight">
                                                    <span style="left:105px;">kg</span>
                                                </div>
                                                <div style="margin-bottom:0px;">
                                                    <label for="bmi2">BMI：</label>
                                                    <input type="text" name="bmi2" id="bmi2" class="bmi form-control" v-model="accompanyBMI">
                                                    <span style="left:80px;">kg/m²</span>
                                                </div>
                                            </div>
                                            <div>
                                                <label  for="heightLess">身高缩短（与去年比较）？</label>
                                                <input type="radio" name="heightLessItem2" id="heightLessItemYes2" value="2" v-model="accompany.heightLessItem">
                                                <label for="heightLessItemYes2">是</label>
                                                <input type="radio" name="heightLessItem2" id="heightLessItemNo2" value="1" v-model="accompany.heightLessItem">
                                                <label for="heightLessItemNo2">否</label>
                                                <div v-if="accompany.heightLessItem == 2" style="margin-top: 20px;padding-left:28px;">
                                                    <input type="text" name="heightLess" id="heightLess" v-model="accompany.heightLess"><span>cm</span>
                                                </div>
                                            </div>
                                            <div>
                                                <label  for="heightLess2">驼背:</label>
                                                <input type="radio" name="humpback2" id="humpbackYes2" value="2" v-model="accompany.humpback">
                                                <label for="humpbackYes2">是</label>
                                                <input type="radio" name="humpback2" id="humpbackNo2" value="1" v-model="accompany.humpback">
                                                <label for="humpbackNo2">否</label>
                                            </div>
                                            <div>
                                                <label for="smoke2">吸烟：</label>
                                                <input type="radio" name="smoke2" id="smokeYes2" value="2" v-model="accompany.smoke">
                                                <label for="smokeYes2">是</label>
                                                <input type="radio" name="smoke2" id="smokeNo2" value="1" v-model="accompany.smoke">
                                                <label for="smokeNo2">否</label>
                                                <div v-if="accompany.smoke == 2" style="margin-top: 20px;padding-left:28px;">
                                                    <span style="left:105px;">吸烟</span>
                                                    <input type="text" name="smokeYear" id="smokeYear2" class="weightGuide form-control weight"
                                                           v-model="accompany.smokeYear">
                                                    <span style="left:105px;">年</span>
                                                    <input type="radio" name="quitSmoking" id="quitSmokingYes" value="1" v-model="accompany.quitSmoking">

                                                    <label for="quitSmokingYes" style="margin-left:10px;">已戒</label>
                                                    <input type="radio" name="quitSmoking" id="quitSmokingNo" value="0" v-model="accompany.quitSmoking">
                                                    <label for="quitSmokingNo">未戒</label>
                                                </div>
                                                <div>
                                                    <label for="drink2">饮酒：</label>
                                                    <input type="radio" name="drink2" id="drinkYes2" v-model="accompany.drink" value="2">
                                                    <label for="drinkYes2">是</label>
                                                    <input type="radio" name="drink2" id="drinkNo2" v-model="accompany.drink" value="1">
                                                    <label for="drinkNo2">否</label>

                                                    <div v-if="accompany.drink == 2" style="margin-top: 20px;padding-left:28px;">
                                                        <label for="drinkType2">喝哪种酒？</label>
                                                        <select name="drinkType2" id="drinkType2" v-model="accompany.drinkType">
                                                            <option value="" selected="selected">请选择</option>
                                                            <option value="1">啤酒</option>
                                                            <option value="2">葡萄酒</option>
                                                            <option value="3">白酒</option>
                                                            <option value="4">黄酒</option>
                                                        </select>

                                                        <label for="drinkMl2">饮酒量：</label>
                                                        <input type="text" name="drinkMl2" id="drinkMl2" class="height form-control"
                                                               v-model="accompany.drinkMl">
                                                        <span style="left:100px;">ml/天*</span>
                                                        <input type="text" name="drinkYear2" id="drinkYear2" class="weightGuide form-control weight"
                                                               v-model="accompany.drinkYear">
                                                        <span style="left:105px;">年</span>
                                                    </div>
                                                </div>
                                                <div>
                                                    <label for="tea2">喝浓茶：</label>
                                                    <input type="radio" name="tea2" id="teaYes2" v-model="accompany.tea" value="2">
                                                    <label for="teaYes2">是</label>
                                                    <input type="radio" name="tea2" id="teaNo2" v-model="accompany.tea" value="1">
                                                    <label for="teaNo2">否</label>
                                                    <div v-if="accompany.tea == 2" style="margin-top: 20px;padding-left:28px;">
                                                        <label for="teaType">哪种茶？</label>
                                                        <select name="teaType2" id="teaType2" v-model="accompany.teaType">
                                                            <option value="" selected="selected">请选择</option>
                                                            <option value="1">红茶</option>
                                                            <option value="2">绿茶</option>
                                                            <option value="3">其他</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div>
                                                    <div>
                                                        <label for="coffee2">喝咖啡：</label>
                                                        <input type="radio" name="coffee2" id="coffeeYes2" v-model="accompany.coffee" value="2">
                                                        <label for="coffeeYes2">是</label>
                                                        <input type="radio" name="coffee2" id="coffeeNo2" v-model="accompany.coffee" value="1">
                                                        <label for="coffeeNo2">否</label>
                                                        <div v-if="accompany.coffee == 2" style="margin-top: 20px;padding-left:28px;">
                                                            <input type="text" name="coffeeMl2" id="coffeeMl2" class="height form-control"
                                                                   v-model="accompany.coffeeMl">
                                                            <span style="left:100px;">杯/天*</span>
                                                            <input type="text" name="coffeeYear2" id="coffeeYear2" class="weightGuide form-control weight"
                                                                   v-model="accompany.coffeeYear">
                                                            <span style="left:105px;">年</span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <label for="milk2">乳制品:</label>
                                                    <input type="radio" name="milk2" id="milkYes2" v-model="accompany.milk" value="2">
                                                    <label for="milkYes2">是</label>
                                                    <input type="radio" name="milk2" id="milkNo2" v-model="accompany.milk" value="1">
                                                    <label for="milkNo2">否</label>
                                                    <div v-if="accompany.milk == 2" style="margin-top: 20px;padding-left:28px;">
                                                        <label for="milkType2">哪种乳制品？</label>
                                                        <select name="milkType2" id="milkType2" v-model="accompany.milkType">
                                                            <option value="" selected="selected">请选择</option>
                                                            <option value="1">新鲜牛奶</option>
                                                            <option value="2">酸奶</option>
                                                            <option value="3">奶粉</option>
                                                        </select>
                                                        <label for="milkMl2">饮用量：</label>
                                                        <input type="text" name="milkMl2" id="milkMl2" class="height form-control"
                                                               v-model="accompany.milkMl">
                                                        <span style="left:100px;">ml/天*</span>
                                                        <input type="text" name="milkYear2" id="milkYear2" class="weightGuide form-control weight"
                                                               v-model="accompany.milkYear">
                                                        <span style="left:105px;">年</span>
                                                    </div>
                                                </div>
                                                <div>
                                                    <label for="dietary2">饮食习惯：</label>
                                                    <input type="radio" id="dietaryYes2" name="dietary2" v-model="accompany.dietary" value="2">
                                                    <label for="dietaryYes2">普通膳食</label>
                                                    <input type="radio" id="dietaryNo2" name="dietary2" v-model="accompany.dietary" value="1">
                                                    <label for="dietaryNo2">素食或基本素食</label>
                                                </div>
                                                <div>
                                                    <label for="sun2">晒太阳</label>
                                                    <input type="radio" name="sun2" id="sunYes2" v-model="accompany.sunbathe" value="2">
                                                    <label for="sunYes2">是（每天30分钟，3天/周以上）</label>
                                                    <input type="radio" name="sun2" id="sunNo2" v-model="accompany.sunbathe" value="1">
                                                    <label for="sunNo2">否</label>
                                                </div>
                                                <div>
                                                    <label for="exercise2">经常运动：</label>
                                                    <input type="radio" name="exercise2" id="exerciseYes2" v-model="accompany.exercise" value="2">
                                                    <label for="exerciseYes2">是</label>
                                                    <input type="radio" name="exercise2" id="exerciseNo2" v-model="accompany.exercise" value="1">
                                                    <label for="exerciseNo2">否</label>
                                                    <div v-if="checkFirstData.exercise == 2" style="margin-top: 20px;padding-left:28px;">
                                                        <%--                                        <label for="exerciseMinPerDay">平均运动时间：</label>--%>
                                                        <input type="text" name="exerciseMinPerDay2" id="exerciseMinPerDay2"
                                                               class="height form-control"
                                                               v-model="accompany.exerciseMinPerDay">
                                                        <span style="left:100px;">小时/天*</span>
                                                        <input type="text" name="exerciseYear2" id="exerciseYear2"
                                                               class="weightGuide form-control weight"
                                                               v-model="accompany.exerciseYear">
                                                        <span style="left:105px;">年</span>
                                                        <label for="exerciseType2">运动方式：</label>
                                                        <select name="exerciseType2" id="exerciseType2" v-model="accompany.exerciseType">
                                                            <option value="" selected="selected">请选择</option>
                                                            <option value="1">散步</option>
                                                            <option value="2">快走</option>
                                                            <option value="3">舞蹈</option>
                                                            <option value="4">太极拳</option>
                                                            <option value="5">游泳</option>
                                                            <option value="6">跑步</option>
                                                            <option value="7">其他</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <div>
                                                    <label for="fall">跌倒次数（近6月）：</label>
                                                    <input type="radio" name="fall2" id="fallNo2" v-model="accompany.fall" value="1">
                                                    <label for="fallNo2">无</label>
                                                    <input type="radio" name="fall2" id="fallOnce2" v-model="accompany.fall" value="2">
                                                    <label for="fallOnce2">1次</label>
                                                    <input type="radio" name="fall2" id="fallTwice2" v-model="accompany.fall" value="3">
                                                    <label for="fallTwice2">>1次</label>
                                                </div>
                                                <div>
                                                    <label class="dxaDo2" style="width:100%;height:32px;">双能X线骨密度检查：</label>
                                                    <div class="choice" style="width:20%;padding-left:10px;">
                                                        <input type="radio" name="dxaDo2" id="dxaDoYes2" value="2" v-model="accompany.dxaDo">
                                                        <label for="dxaDoYes2" style="width:60px;margin-right:40px;">是</label>
                                                        <input type="radio" name="dxaDo2" id="dxaDoNo2" value="1" v-model="accompany.dxaDo" style="width:60px;">
                                                        <label for="dxaDoNo2">否</label>
                                                    </div>
                                                </div>
                                                <div>
                                                    <label class="clinic2" style="width:100%;height:32px;">是否定期至骨质疏松专科门诊就诊：</label>
                                                    <div class="choice" style="width:20%;padding-left:10px;">
                                                        <input type="radio" name="clinic2" v-model="accompany.clinic" id="clinicYes2" value="2">
                                                        <label for="clinicYes2" style="width:60px;margin-right:40px;">是</label>
                                                        <input type="radio" name="clinic2" v-model="accompany.clinic" id="clinicNo2" value="1" style="width:60px;">
                                                        <label for="clinicNo2">否</label>
                                                    </div>
                                                </div>
                                                <div>
                                                    <label class="takemed2" style="width:100%;height:32px;">按时服用抗骨质疏松药物：</label>
                                                    <div class="choice" style="width:20%;padding-left:10px;">
                                                        <input type="radio" name="takemed2" v-model="accompany.takemed" id="takemedYes2" value="2">
                                                        <label for="takemedYes2" style="width:60px;margin-right:40px;">是</label>
                                                        <input type="radio" name="takemed2" v-model="accompany.takemed" id="takemedNo2" value="1" style="width:60px;">
                                                        <label for="takemedNo2">否</label>
                                                    </div>
                                                </div>
                                                <%--                                测试cc--%>
                                                <div style="margin-bottom:5px;">
                                                    <div style="display: inline-block;margin:0 10px 0 0;">
                                                        <label for="blMedicine2">抗骨松治疗？</label>
                                                        <div class="choice">
                                                            <input type="radio" name="blMedicine2" v-model="accompany.blMedicine" id="blMedicineYes2" value="2">
                                                            <label for="blMedicineYes2" style="width:60px;margin-right:40px;">是</label>
                                                            <input type="radio" name="blMedicine2" v-model="accompany.blMedicine" id="blMedicineNo2" value="1" style="width:60px;">
                                                            <label for="blMedicineNo2">否</label>
                                                        </div>
                                                    </div>
                                                    <div v-if="accompany.blMedicine == 2" style="display: inline-block;">
                                                        <label for="blMedicineTime2">何时开始服用？</label>
                                                        <select name="blMedicineTime2" id="blMedicineTime2" v-model="accompany.blMedicineTime">
                                                            <option value="" selected="selected">请选择</option>
                                                            <option value="1">骨折前</option>
                                                            <option value="2">骨折后</option>
                                                        </select>
                                                    </div>
                                                    <div class="blMedicine" v-if="accompany.blMedicine == 2">
                                                        <label for="disease">服用药物情况：</label>
                                                        <div style="width:100%;padding:6px 25px;overflow:hidden;height:140px;margin-bottom: 0px;vertical-align: top;" id="blMedicineType2" ref="blMedicineType2">
                                                            <div class="medicine" style="width:40%;float:left;">
                                                                <div v-for="(item,key) in blMedicineType" :key="key" style="margin:0 20px 34px 0;">
                                                                    <input type="checkbox" :name="item.checkName" :checked="item.check" :value="item.id" :id="item.forId" @click="takemedicineTypeCheck(item)" />
                                                                    <label :for="item.forId">{{item.name}}</label>
                                                                </div>
                                                            </div>
                                                            <div class="year" style="width:60%;float:left;">
                                                                <div v-for="(item,key) in medicineYear" :key="key" style="margin:0 20px 18px 0;">
                                                                    <input type="text" name="blMedicineDose" id="blMedicineDose2" class="height form-control" v-model="item.blMedicineDose">
                                                                    <span style="left:100px;">*</span>
                                                                    <input type="text" name="blMedicineYear" id="blMedicineYear2" class="weightGuide form-control weight" v-model="item.blMedicineYear">
                                                                    <span style="left:105px;">年</span>
                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                                <div>
                                                    <label for="selffractu2">新发骨折史：</label>
                                                    <input type="radio" name="selffractu2" id="selffractuYes2" v-model="accompany.selffractu" value="2">
                                                    <label for="selffractuYes2">有</label>
                                                    <input type="radio" name="selffractu2" id="selffractuNo2" v-model="accompany.selffractu" value="1">
                                                    <label for="selffractuNo2">否</label>
                                                    <div v-if="accompany.selffractu==2"  style="margin-top:20px;padding-left:28px;">
                                                        <div>
                                                            <label for="selffractuFirstAge2">时间：</label>
                                                            <input type="text" name="selffractuFirstAge2" id="selffractuFirstAge2"
                                                                   class="height form-control"
                                                                   v-model="accompany.selffractuFirstAge">
                                                            <span style="left:100px;">岁；</span>
                                                            <label for="selffractuFirstPlace2">部位：</label>
                                                            <select name="selffractuFirstPlace2" id="selffractuFirstPlace2"
                                                                    v-model="accompany.selffractuFirstPlace">
                                                                <option value="" selected="selected">请选择</option>
                                                                <option value="1">髋部</option>
                                                                <option value="2">椎体</option>
                                                                <option value="3">前臂</option>
                                                                <option value="4">肱骨</option>
                                                                <option value="5">其他；</option>
                                                            </select>
                                                            <label for="selffractuFirstReason2">原因：</label>
                                                            <select name="selffractuFirstReason2" id="selffractuFirstReason2"
                                                                    v-model="accompany.selffractuFirstReason">
                                                                <option value="" selected="selected">请选择</option>
                                                                <option value="1">脆性</option>
                                                                <option value="2">暴力；</option>
                                                            </select>
                                                        </div>
                                                        <div class="operation2">
                                                            <label for="operation">手术名称：</label>
                                                            <input type="radio" name="followFirstSurgery" id="selffractuFirstSurgery12" v-model="accompany.followFirstSurgery" value="1">
                                                            <label for="selffractuFirstSurgery12" style="margin-right:15px;">髋关节置换/内固定</label>
                                                            <input type="radio" name="followFirstSurgery" id="selffractuFirstSurgery22" v-model="accompany.followFirstSurgery" value="2">
                                                            <label for="selffractuFirstSurgery22" style="margin-right:15px;">椎体成形术</label>
                                                            <input type="radio" name="followFirstSurgery" id="selffractuFirstSurgery32" v-model="accompany.followFirstSurgery" value="3">
                                                            <label for="selffractuFirstSurgery32">其他</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <p>新发疾病或疾病有变化时记录</p>
                                                <div>
                                                    <label for="disease2">疾病史：</label>
                                                    <div style="padding:6px 25px;width:100%;margin-bottom: 0px;vertical-align: top;" id="dieaseType" ref="dieaseType">
                                    <span v-for="(item,key) in dieaseType" :key="key" style="display:inline-block;margin:0 20px 18px 0;">
                                        <input type="checkbox" :name="item.checkName" :checked="item.check" :value="item.id" :id="item.forId" @click="dieaseTypeCheck(item)" />
                                        <label :for="item.forId">{{item.name}}</label>
                                    </span>
                                                    </div>
                                                </div>
                                                <div>
                                                    <label>药物史：</label>
                                                    <div style="padding:6px 25px;width:100%;margin-bottom: 0px;vertical-align: top;"  ref="medicineType">
                                    <span v-for="(item,key) in medicineType" :key="key" style="display:inline-block;margin:0 20px 18px 0;">
                                        <input type="checkbox" :name="item.checkName" :checked="item.check" :value="item.id" :id="item.forId" @click="medicineTypeCheck(item)" />
                                        <label :for="item.forId">{{item.name}}</label>
                                    </span>
                                                    </div>
                                                    <input type="text" name="medicineDesc2" id="medicineDesc2" class="height form-control" style="width: 400px" v-model="accompany.medicineDesc" />
                                                </div>
                                                <div>
                                                    <label for="operation">手术史？1.卵巢切除史；2-子宫切除史；3-胃肠切除史；4-其他手术史</label>
<%--                                                    <label for="operation">是否有新增手术史？1.卵巢切除史；2-子宫切除史；3-胃肠切除史；4-其他手术史</label>--%>
                                                    <select name="operation2" id="operation2" v-model="accompany.operation">
                                                        <option value="" selected="selected">请选择</option>
                                                        <option value="1">否</option>
                                                        <option value="2">是</option>
                                                    </select>
                                                    <div v-if="accompany.operation == 2">
                                                        <label for="operationType2">手术类型：</label>
                                                        <select name="operationType2" id="operationType2" v-model="accompany.operationType" @change="changeOperation">
                                                            <option value="" selected="selected">请选择</option>
                                                            <option value="1">卵巢切除史</option>
                                                            <option value="2">子宫切除史</option>
                                                            <option value="3">胃肠切除史</option>
                                                            <option value="4">其他手术史</option>
                                                        </select>
                                                        <label for="operationYear">年龄</label>
                                                        <input type="text" name="operationYear2" class="operationYear2" id="operationYear2" v-model="accompany.operationYear">
                                                        <span v-if="accompany.operationType == 1" style="margin-top: 20px;padding-left:28px;">
                                        <label for="operationPartYes2" style="margin-left:10px;">单侧</label>
                                        <input type="radio" name="operationPart2" id="operationPartYes2" value="0" v-model="accompany.operationPart">
                                        <label for="operationPartNo2">双侧</label>
                                        <input type="radio" name="operationPart2" id="operationPartNo2" value="1" v-model="accompany.operationPart">
                                    </span>
                                                        <input type="text" name="operationOther2" id="operationOther2" class="height form-control"
                                                               v-if="accompany.operationType == 4" v-model="accompany.operationOther">
                                                    </div>
                                                </div>

                                                <div>
                                                    <label for="painScore2">疼痛评分（VAS，0~10分）</label>
                                                    <input type="number" name="painScore2" id="painScore2" class="height form-control"
                                                           v-model="accompany.painScore">

                                                    <label for="painPlace2">主要疼痛部位：</label>
                                                    <select name="painPlace2" id="painPlace2" v-model="accompany.painPlace">
                                                        <option value="" selected="selected">请选择</option>
                                                        <option value="1">腰背</option>
                                                        <option value="2">四肢</option>
                                                        <option value="3">关节</option>
                                                        <option value="4">其他</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="way">
                                        <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;"></span>
                                        <span class="title">EQ-5D健康问卷</span>
                                        <div class="way_content">
                                            <div>
                                                <label for="walkAction2">1）行动：</label>
                                                <select name="walkAction2" id="walkAction2" style="width:250px" v-model="accompany.walkAction">
                                                    <option value="" selected="selected">请选择</option>
                                                    <option value="1">我可以四处走动，没有任何困难</option>
                                                    <option value="2">我行动有些不方便</option>
                                                    <option value="3">我不能下床活动</option>
                                                </select>
                                            </div>
                                            <div>
                                                <label for="selfCare2">2）自己照顾自己：</label>
                                                <select name="selfCare2" id="selfCare2" style="width:330px" v-model="accompany.selfCare">
                                                    <option value="" selected="selected">请选择</option>
                                                    <option value="1">我能自己照顾自己，没有任何困难</option>
                                                    <option value="2">我在洗脸、刷牙、洗澡或穿衣方面有些困难</option>
                                                    <option value="3">我无法自己洗脸、刷牙、洗澡或穿衣</option>
                                                </select>
                                            </div>
                                            <div>
                                                <label for="dailyAction2">3）日常活动（如工作、学习、家务事、家庭或休闲活动）：</label>
                                                <select name="dailyAction2" id="dailyAction2" style="width:250px" v-model="accompany.dailyAction">
                                                    <option value="" selected="selected">请选择</option>
                                                    <option value="1">我能进行日常活动，没有任何困难</option>
                                                    <option value="2">我在进行日常活动方面有些困难</option>
                                                    <option value="3">我无法进行日常活动</option>
                                                </select>
                                            </div>
                                            <div>
                                                <label for="painType2">4）疼痛/不舒服：</label>
                                                <select name="painType2" id="painType2" style="width:250px" v-model="accompany.painType">
                                                    <option value="" selected="selected">请选择</option>
                                                    <option value="1">我没有任何疼痛或不舒服</option>
                                                    <option value="2">我觉得中度疼痛或不舒服</option>
                                                    <option value="3">我觉得极度疼痛或不舒服</option>
                                                </select>
                                            </div>
                                            <div>
                                                <label for="anxiety2">5）焦虑（如紧张、担心、不安等等）/抑郁（如做事情缺乏兴趣、没乐趣、提不起精神等等）：</label>
                                                <select name="anxiety2" id="anxiety2" style="width:250px" v-model="accompany.anxiety">
                                                    <option value="" selected="selected">请选择</option>
                                                    <option value="1">我不觉得焦虑或抑郁</option>
                                                    <option value="2">我觉得中度焦虑或抑郁</option>
                                                    <option value="3">我觉得极度焦虑或抑郁</option>
                                                </select>
                                            </div>
                                            <div>
                                                <label for="healthScore2">您今天的健康状况分（0～100；最好100；最差0）：</label>
                                                <input type="number" name="healthScore2" id="healthScore2" class="height form-control"
                                                       v-model="accompany.healthScore">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="way" style="text-align: center;height:80px;">
                                        <button type="button" class="btn btn-info" @click="saveFirstQuery()">
                                            <img src="${assets}/images/revise.png" alt="" style="width:16px;vertical-align: middle;"> 保存
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
<script>
    var vm = new Vue({
        el: "#main",
        data: {
            MedicalType:'',
            infor: [], // 病人基本信息 data
            // 基本信息
            accompanyTime:'',
            surveyer:'',
            surveyerPhone:'',
            synchronous: false,
            saveDisabled: false,
            lineChestSelect: [],
            medical: false,
            medicalList: [],
            BMI: '',
            type: '',
            chemistryName: '',
            productName: '',
            consumption: '',
            frequency: '',
            mode: '',
            useStop: '',
            DXA: false,
            score: false,
            showCurd: false,
            id: '',
            idCard: '',
            accompanyId:'',
            accompanyBMI:'',
            medicineYear:[
            {
              blMedicineYear:'',
              blMedicineDose:''
            },
            {
              blMedicineYear:'',
              blMedicineDose:''
            },
            {
              blMedicineYear:'',
              blMedicineDose:''
            }

          ],
            accompany:{
                id:'',
                blNoMedicalType:'',
                height:'',
                weight:'',
                heightLessItem:'',
                heightLess:'',
                humpback:'',
                smoke:'',
                smokeYear:'',
                quitSmoking:'',
                smokeCountPerDay:'',
                drink:'',
                drinkType:'',
                drinkMl:'',
                drinkYear:'',
                tea:'',
                teaType:'',
                coffee:'',
                coffeeMl:'',
                coffeeYear:'',
                milk:'',
                milkType:'',
                milkMl:'',
                milkYear:'',
                dietary:'',
                sunbathe:'',
                exercise:'',
                exerciseType:'',
                exerciseMinPerDay:'',
                exerciseYear:'',
                fall:'',
                dxaDo:'',
                clinic:'',
                takemed:'',
                blMedicine:'',
                blMedicineTime:'',
                blMedicineType:'',
                blMedicineYear:'',
                blMedicineDose:'',
                selffractuFirstPlace:'',
                selffractuFirstAge:'',
                selffractuFirstReason:'',
                selffractu:'',
                dieaseType:[],
                medicineType:[],
                medicineDesc:'',
                operation:'',
                operationType:'',
                operationPart:'',
                operationOther:'',
                operationYear:'',
                painScore:'',
                painPlace:'',
                walkAction:'',
                selfCare:'',
                dailyAction:'',
                painType:'',
                anxiety:'',
                healthScore:'',
                // 测试aa
                takemed:'',
                blMedicine:'',
                blMedicineTime:'',
                blMedicineType:'',
                followFirstSurgery:'',
                tlXCheck:'',
                centrumSelffractu:''
            },
            dieaseType: [
                {
                  name: '甲状腺疾患（甲状腺功能亢进、甲状旁腺功能亢进）',
                  id: '1',
                  checkName: 'dieaseType',
                  forId: 'dieaseType1',
                  check:false
                },
                {
                  name: '糖尿病',
                  id: '2',
                  checkName: 'dieaseType',
                  forId: 'dieaseType2',
                  check: false
                },
                {
                  name: '类风湿性关节炎',
                  id: '3',
                  checkName: 'dieaseType',
                  forId: 'dieaseType3',
                  check: false
                },
                {
                  name: '慢性肾脏病',
                  id: '14',
                  checkName: 'dieaseType',
                  forId: 'dieaseType14',
                  check: false
                },
                {
                  name: '慢性肝病',
                  id: '4',
                  checkName: 'dieaseType',
                  forId: 'dieaseType4',
                  check:false
                },
                {
                  name: '前列腺癌',
                  id: '5',
                  checkName: 'dieaseType',
                  forId: 'dieaseType5',
                  check: false
                },
                {
                  name: '乳腺癌',
                  id: '6',
                  checkName: 'dieaseType',
                  forId: 'dieaseType6',
                  check: false
                },
                {
                  name: '多发性骨髓癌',
                  id: '7',
                  checkName: 'dieaseType',
                  forId: 'dieaseType7',
                  check: false
                },
                {
                  name: '消化道疾病（慢性腹泻、营养不良/吸收不良、炎症性肠病、腹腔疾病）',
                  id: '8',
                  checkName: 'dieaseType',
                  forId: 'dieaseType8',
                  check: false
                },
                {
                  name: '慢性阻塞性肺病',
                  id: '9',
                  checkName: 'dieaseType',
                  forId: 'dieaseType9',
                  check: false
                },
                {
                  name: '性腺功能减退',
                  id: '10',
                  checkName: 'dieaseType',
                  forId: 'dieaseType10',
                  check: false
                },
                {
                  name: '早绝经',
                  id: '11',
                  checkName: 'dieaseType',
                  forId: 'dieaseType11',
                  check: false
                },
                {
                  name: '制动',
                  id: '12',
                  checkName: 'dieaseType',
                  forId: 'dieaseType12',
                  check: false
                },
                {
                  name: 'HIV',
                  id: '13',
                  checkName: 'dieaseType',
                  forId: 'dieaseType13',
                  check: false
                }
              ],
            blMedicineType:[
            {
              name: '钙片',
              id: '1',
              checkName: 'blmedicineType',
              forId: 'blmedicineType1',
              check:false
            },
            {
              name: '维生素D制剂',
              id: '2',
              checkName: 'blmedicineType',
              forId: 'blmedicineType2',
              check:false
            },
            {
              name: '抗骨质疏松药物（如福美加、唑来膦酸等）',
              id: '3',
              checkName: 'blmedicineType',
              forId: 'blmedicineType3',
              check:false
            }

          ],
            medicineType: [
                {
                  name: '糖皮质激素（泼尼松等）',
                  id: '1',
                  checkName: 'medicineType',
                  forId: 'medicineType1',
                  check:false
                },
                {
                  name: '抗凝剂（肝素）',
                  id: '2',
                  checkName: 'medicineType',
                  forId: 'medicineType2',
                  check: false
                },
                {
                  name: ' 治疗癫痫的抗惊厥药（（如苯巴比妥、卡马西平、苯妥英））',
                  id: '3',
                  checkName: 'medicineType',
                  forId: 'medicineType3',
                  check: false
                },
                {
                  name: '移植术后免疫抑制剂（钙调蛋白/钙调神经磷酸酶抑制剂）',
                  id: '4',
                  checkName: 'medicineType',
                  forId: 'medicineType4',
                  check:false
                },
                {
                  name: '治疗乳腺癌的芳香化酶抑制剂',
                  id: '5',
                  checkName: 'medicineType',
                  forId: 'medicineType5',
                  check: false
                },
                {
                  name: '治疗前列腺癌的去雄激素治疗',
                  id: '6',
                  checkName: 'medicineType',
                  forId: 'medicineType6',
                  check: false
                },
                {
                  name: '抗抑郁药（如氟西汀、帕罗西汀',
                  id: '7',
                  checkName: 'medicineType',
                  forId: 'medicineType7',
                  check: false
                },
                {
                  name: '质子泵抑制剂',
                  id: '8',
                  checkName: 'medicineType',
                  forId: 'medicineType8',
                  check: false
                },
                {
                  name: '降糖药（噻唑烷二酮类（罗格列酮、吡格列酮））',
                  id: '9',
                  checkName: 'medicineType',
                  forId: 'medicineType9',
                  check: false
                },
                {
                  name: ' 以上均不是',
                  id: '10',
                  checkName: 'medicineType',
                  forId: 'medicineType10',
                  check: false
                }
              ],
            // checkFirstData :[],
            checkFirstData: {
                // 无药物骨松随访 start
                blNoMedicalType: '',
                boneDensity: '',
                blMajor: '',
                hip: '',
                osta: '',
                iofParentBl: '',
                iofParentHunchback: '',
                iofAgeSixty: '',
                iofBlFall: '',
                iofFallOften: '',
                iofHeightThree: '',
                iofBmiLight: '',
                iofMedicineThreeMonth: '',
                iofRa: '',
                iofThyroid: '',
                iofMenopauseFortyFive: '',
                iofMenopauseMoreTwelveMonth: '',
                iofNoOarium: '',
                iofLibidoDecrease: '',
                iofMoreDrink: '',
                iofSmoke: '',
                iofExerciseLess: '',
                iofNoMilk: '',
                iofNoVitaminD: '',
                iofResult: '',
                dxaDo: '',
                dxaKnow: '',
                dxaDoTime: '',
                dxaCountPerYear: '',
                dxaYears: '',
                height: '',
                weight: '',
                bmi: '',
                heightLess: '',
                humpback: '',
                menopause: '',
                gestation: '',
                fall: '',
                smoke: '',
                smokeCountPerDay: '',
                smokeYear: '',
                drink: '',
                drinkType: '',
                drinkMl: '',
                drinkYear: '',
                tea: '',
                teaType: '',
                teaMl: '',
                teaYear: '',
                coffee: '',
                coffeeMl: '',
                coffeeYear: '',
                milk: '',
                milkType: '',
                milkMl: '',
                milkYear: '',
                exercise: '',
                exerciseType: '',
                exerciseMinPerDay: '',
                exerciseYear: '',
                dietary: '',
                selffractu: '',
                selffractuFirstPlace: '',
                selffractuFirstAge: '',
                selffractuFirstReason: '',
                selffractuSecondPlace: '',
                selffractuSecondAge: '',
                selffractuSecondReason: '',
                selffractuThirdPlace: '',
                selffractuThirdAge: '',
                selffractuThirdReason: '',
                selffractuDesc: '',
                parentFracture: '',
                parentFractureFirstPlace: '',
                parentFractureFirstAge: '',
                parentFractureFirstReason: '',
                parentFractureSecondPlace: '',
                parentFractureSecondAge: '',
                parentFractureSecondReason: '',
                parentFractureThirdPlace: '',
                parentFractureThirdAge: '',
                parentFractureThirdReason: '',
                disease: '',
                dieaseType: '',
                diseaseDesc: '',
                medicine: '',
                medicineType: '',
                medicineDesc: '',
                operation: '',
                operationType: '',
                operationOther: '',
                blMedicine: '',
                blMedicineTime: '',
                blMedicineType: '',
                painScore: '',
                painPlace: '',
                standWalkTest: '',
                tugTime: '',
                tlXCheck: '',
                centrumSelffractu: '',
                clinic: '',
                takemed: '',
                dxaRepeat: '',
                walkAction: '',
                selfCare: '',
                dailyAction: '',
                painType: '',
                anxiety: '',
                healthScore: '',
                // 无药物骨松随访 end

                //
                doctorName: '',
                accompanyTime: '',
                accompanyType: '',
                doctorId: '',
                // nextAccompanyTime: '',
                // medicalList: [],
                // linePhoto: '',
                // 当点击修改的时候才有的对应 id
                id: '',
                // 身份证
                idCard: '',
                accompanyBlId: '',

            }
        },
        mounted() {

          this.getPersonalMsg();
          this.getCheckData();

        },
        created() {
          let search = location.search.split('?')[1];

          // 获取地址栏的传参 idcard和accompanyId
          let [name, value] = search.split('&')[0].split('=');
          this.idCard = value; // that.idCard 是当前身份证号
          this.checkFirstData.idCard = this.idCard;
          let [idName, idValue] = search.split('&')[1].split('=');
          this.accompanyBlId = idValue; // idValue 是修改时，传递的 id
          // that.accompanyBlId = that.accompanyId; // idValue 是修改时，传递的 id
          this.checkFirstData.accompanyBlId = this.accompanyBlId;
          let [remark, remarkValue] = search.split('&')[2].split('=');
          this.MedicalType = remarkValue;

        },
        methods: {
          isNull(data){
            if( data == null ){
              data = ''
            }
            return data
          },
          changeOperation(){
            this.checkFirstData.operationYear = '';
          },
          dieaseTypeCheck(item){
            if(this.MedicalType == 0){
              this.checkFirstData.dieaseType = this.getSelectArray(this.checkFirstData.dieaseType,item);
            }else{
              this.accompany.dieaseType = this.getSelectArray(this.accompany.dieaseType,item);
            }

          },
          showDiseaseType(typeData,checkData){
            if (checkData == '') {
              checkData = []
            }else{
              checkData = checkData.split(',');
              typeData.map(function(item){
                if(checkData.indexOf(item.id) != -1){
                  // //console.log('item.id' + item.id);
                  item.check = true;
                }

                return typeData;
              })
            }
          },
          getSelectArray(data, item) {
            //console.debug(data);
            if (data == '') {
              data = []
            } else if (data.constructor != Array) {
              data = data.split(',')
            }
            if (!item.check) {
              item.check = true;
              data.push(item.id)
            } else {
              item.check = false;
              var index = data.indexOf(item.id);
              if (index > -1) {
                data.splice(index, 1);
              }
            }
            if (data.indexOf('[]') > -1) {
              data = data.replace(/[]/g, "");
            }
            return data;
          },
          takemedicineTypeCheck(item){
            let that = this;
            if(that.MedicalType == 0){
              that.checkFirstData.blMedicineType = that.getSelectArray(that.checkFirstData.blMedicineType,item);
            }else{
              that.accompany.blMedicineType = that.getSelectArray(that.accompany.blMedicineType,item);
            }
          },
          medicineTypeCheck(item){
            let that = this;
            if(that.MedicalType == 0){
              that.checkFirstData.medicineType = that.getSelectArray(that.checkFirstData.medicineType,item);
            }else{
              that.accompany.medicineType = that.getSelectArray(that.accompany.medicineType,item);
            }

          },
          medicineTypeCheckMc(item){
            let that = this;
            that.medicalService.nextInspection = that.getSelectArray(that.medicalService.nextInspection,item);
          },
          getPersonalMsg(){
            var that = this;
            $.ajax({
              url: "${URL_PATIENT_PATIENTINFO}",
              type: 'post',
              dataType: "json",
              data: {
                idCard: that.idCard
              },
              success: function (data) {
                that.infor = data.data;
                // //console.log(that.infor);
                that.infor.diseasesType = Type(that.infor.diseasesType);
                that.id = that.infor.id;
                // that.idCard = url;
                sessionStorage.setItem('BMI', that.infor.bMI);
                sessionStorage.setItem('age', that.infor.age);
              }
            })
          },
          getCheckData(){
            var that = this;
            $.ajax({
              url: '${URL_ACCOMPANY_BLDATA_NO_MEDICAL}',
              data: {
                accompanyBlId: that.accompanyBlId
              },
              dataType: 'json',
              type: 'post',
              success: function (res) {
                // //console.debug('show res: ' + JSON.stringify(res));
                if (res.code == '0') {
                  that.id = res.data.id;
                  that.accompanyTime = res.data.accompanyTime;
                  that.surveyer = res.data.surveyer;
                  that.surveyerPhone = res.data.surveyerPhone;
                  // debugger
                  if(that.MedicalType == 0){
                    that.checkFirstData = res.data;
                    that.showDiseaseType(that.dieaseType,that.checkFirstData.dieaseType);
                    that.showDiseaseType(that.medicineType,that.checkFirstData.medicineType);
                    that.showDiseaseType(that.blMedicineType,that.checkFirstData.blMedicineType);

                    that.checkFirstData.blMedicineDose = that.isNull(res.data.blMedicineDose);
                    that.checkFirstData.blMedicineYear = that.isNull(res.data.blMedicineYear);
                    let arrDose = [];
                    let arrYear = [];
                    arrDose = that.checkFirstData.blMedicineDose.split(',');
                    arrYear = that.checkFirstData.blMedicineYear.split(',');

                    Object.keys(that.medicineYear).forEach(key => {
                      that.medicineYear[key].blMedicineYear = arrYear[key];
                      that.medicineYear[key].blMedicineDose = arrDose[key];
                    });

                  }else{
                    that.accompany = res.data;

                    that.showDiseaseType(that.dieaseType,that.accompany.dieaseType);
                    that.showDiseaseType(that.medicineType,that.accompany.medicineType);
                    that.showDiseaseType(that.blMedicineType,that.accompany.blMedicineType);

                    that.accompany.blMedicineDose = that.isNull(res.data.blMedicineDose);
                    that.accompany.blMedicineYear = that.isNull(res.data.blMedicineYear);
                    let arrDose = [];
                    let arrYear = [];
                    arrDose = that.accompany.blMedicineDose.split(',');
                    arrYear = that.accompany.blMedicineYear.split(',');

                    Object.keys(that.medicineYear).forEach(key => {
                      that.medicineYear[key].blMedicineYear = arrYear[key];
                      that.medicineYear[key].blMedicineDose = arrDose[key];
                    });

                  }
                }
              }
            }).then({

            })
          },
          saveFirstQuery() {

            let that = this;
            that.saveDisabled = true;
            that.checkFirstData.dieaseType = that.checkFirstData.dieaseType.toString();
            that.checkFirstData.medicineType = that.checkFirstData.medicineType.toString();
            that.checkFirstData.blMedicineType = that.checkFirstData.blMedicineType.toString();
            that.accompany.dieaseType = that.accompany.dieaseType.toString();
            that.accompany.medicineType = that.accompany.medicineType.toString();
            that.accompany.blMedicineType = that.accompany.blMedicineType.toString();
            // blMedicineType
            let WanSalary1 = [];
            let WanSalary2 = [];
            Object.keys(that.medicineYear).forEach(key => {
              let item = '';item1 = '';
              if(that.isNull(that.medicineYear[key].blMedicineYear) == '' || that.medicineYear[key].blMedicineYear == undefined ){
                item = '';
              }else{
                item = that.medicineYear[key].blMedicineYear;
              }
              if(that.medicineYear[key].blMedicineDose == ''|| that.medicineYear[key].blMedicineDose == undefined){
                item1 = '';
              }else{
                item1 = that.medicineYear[key].blMedicineDose;
              }
              // let item1 = that.medicineYear[key].blMedicineDose;
              WanSalary1.push(item);
              WanSalary2.push(item1);
            })

            if(WanSalary1.length > 0){
              that.checkFirstData.blMedicineYear = WanSalary1.toString();
            }else{
              that.checkFirstData.blMedicineYear = '';
            }
            if(WanSalary2.length > 0){
              that.checkFirstData.blMedicineDose = WanSalary2.toString();
            }else{
              that.checkFirstData.blMedicineDose = '';
            }


            var params = '';
            if(that.MedicalType == 0) {
              that.MedicalType = 0;
              that.checkFirstData.blNoMedicalType = that.MedicalType;
              that.checkFirstData.accompanyTime = $('#queryTime').val();
              that.checkFirstData.surveyer = $('#surveyer').val();
              that.checkFirstData.surveyerPhone = $('#surveyerPhone').val();
              if ($('#queryTime').val() == '') {
                alert('随访日期不能为空！！');
                return;
              } else {
                params = JSON.stringify(that.checkFirstData);
              }
            }else{
              that.checkFirstData.blNoMedicalType = that.MedicalType;
              that.accompany.accompanyTime = $('#queryTime').val();
              that.accompany.surveyer = $('#surveyer').val();
              that.accompany.surveyerPhone = $('#surveyerPhone').val();
              params = JSON.stringify(that.accompany);
            }


            $.ajax({
              url: '${URL_ACCOMPANY_SAVEBL_NO_MEDICAL}',
              contentType: 'application/json;charset=utf-8',
              data: params,
              dataType: 'json',
              type: 'post',
              success:function(data){

                //console.log(data);
                $.ajax({
                  url: "${URL_SCREENING_GETBREADLINE}",
                  dataType: 'json',
                  type: 'post',
                  success: function (data) {
                    var urlLib = '';
                    urlLib = JSON.parse(data.data).slice(0, urlLib.length-1)
                    $.ajax({
                      url: '${URL_SCREENING_SAVEBREADLINE}',
                      data: {
                        breadLine: JSON.stringify(urlLib)
                      },
                      dataType: 'json',
                      type: 'post',
                      success: function (data) {
                        alert('保存成功')
                        // //console.log(data);
                        // parent.showSrc(urlLib[urlLib.length - 1].href);
                        //刷新当前页面
                        window.parent.$('body,html').animate({scrollTop:0},1);
                      }
                    })
                  }
                })
              }
            })

          },
        },
        watch: {
          checkFirstData: {
                handler() {
                    if (this.checkFirstData.weight != '' && this.checkFirstData.height != '') {
                        if (this.checkFirstData.weight == 0 || this.checkFirstData.height == 0) {
                            this.BMI = 0
                        } else {
                            var Num = parseInt(this.checkFirstData.height) * 0.01
                            this.BMI = parseInt(this.checkFirstData.weight) / (Num * Num);
                            this.BMI = this.BMI.toFixed(2);
                        }
                    } else {
                        this.BMI = ''
                    }
                },
                deep: true
            },
            accompany: {
                handler() {
                  if (this.accompany.weight != '' && this.accompany.height != '') {
                    if (this.accompany.weight == 0 || this.accompany.height == 0) {
                      this.accompanyBMI = 0
                    } else {
                      var Num = parseInt(this.accompany.height) * 0.01
                      this.accompanyBMI = parseInt(this.accompany.weight) / (Num * Num);
                      this.accompanyBMI = this.accompanyBMI.toFixed(2);
                    }
                  } else {
                    this.accompanyBMI = ''
                  }
                },
                deep: true
              }
        }
    });


    /**
     * 提示「请选择随访类型」
     */


</script>
</body>
</html>